Border для текста

@ARGR · Регистрация: 19.05.2013

Студворк — интернет-сервис помощи студентам

Добрый день всем, кто не спит!
Подскажите пожалуйста, как задать в CSS border для текста

@sraf · 22.01.2014, 22:08

CSS
1
2
3
p {
    border: 1px solid #333333;
    }

@ARGR · 22.01.2014, 22:37 **[ТС]**

К сожалению, требуемого эффекта не добился =(.
Нужно чтобы border применялся непосредственно к символам, а не к <p>-блоку!

@Academik · 22.01.2014, 22:41

Надо каждый символ в контейнер обернуть, допустим так:

HTML5
1
<span>т</span><span>е</span><span>к</span><span>с</span><span>т</span>

CSS
1
span{display: inline-block; border: 1px solid #000; padding: 5px; margin: 0 1px;}

@ARGR · 22.01.2014, 23:21 **[ТС]**

А можно ли сделать так, чтобы происходило выделение самой буквы, а не блока, в котором расположена буква?!!

@Academik · 23.01.2014, 00:28

Ну объясните что вам нужно конкретнее. Может обводка или тень?
text-shadow например.

@ARGR · 23.01.2014, 00:35 **[ТС]**

Именно про обводку я и говорю с самого начала!!!

@Academik · 23.01.2014, 00:51

HTML5
1
<div class="text">Обводка текста</div>

CSS
1
.text{text-shadow: red 1px 0px, red 1px 1px, red 0px 1px, red -1px 1px, red -1px 0px, red -1px -1px, red 0px -1px, red 1px -1px;}

Демо: http://jsfiddle.net/7fZj6/
Подробнее: http://inck.in.ua/articles/22-... g-css.html

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@ARGR 5 / 5 / 1 Регистрация: 19.05.2013 Сообщений: 452

	Border для текста 22.01.2014, 21:28. Показов 28023. Ответов 7 Метки нет (Все метки) Добрый день всем, кто не спит! Подскажите пожалуйста, как задать в CSS border для текста 0

@ARGR 5 / 5 / 1 Регистрация: 19.05.2013 Сообщений: 452
	22.01.2014, 22:37 [ТС]
	К сожалению, требуемого эффекта не добился =(. Нужно чтобы border применялся непосредственно к символам, а не к <p>-блоку! Миниатюры 0

@ARGR 5 / 5 / 1 Регистрация: 19.05.2013 Сообщений: 452
	22.01.2014, 23:21 [ТС]
	А можно ли сделать так, чтобы происходило выделение самой буквы, а не блока, в котором расположена буква?!! 0

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,751
	23.01.2014, 00:28
	Ну объясните что вам нужно конкретнее. Может обводка или тень? text-shadow например. 0

@ARGR 5 / 5 / 1 Регистрация: 19.05.2013 Сообщений: 452
	23.01.2014, 00:35 [ТС]
	Именно про обводку я и говорю с самого начала!!! 0