Выделение текста подчёркиванием - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Понедельник, 05.12.2016
Главная » Справочник CSS3 » Полезные статьи


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


Выделение текста подчёркиванием

Выделяем текст подчёркиванием




Для выделения отдельно взятых слов или целых строк можно воспользоваться свойством CSS3 border-bottom.Варианты применения,цвет,ширина и другие компоненты могут быть самыми разными,всё зависит от Вашего воображения.Для применения стилей подчёркивания используем тег <span>.Вы можете посмотреть материалы по используемым значениям.
Описание значений:

Ширина \ Высота подчёркивающей полоски

Стиль подчёркивающей полоски

Цвет подчёркивающей полоски




Пример применения подчёркивания


<p><span style="border-bottom:3px dotted red">Стиль dotted</span></p>
<p><span style="border-bottom:3px dashed red">Стиль dashed</span></p>
<p><span style="border-bottom:3px solid red">Стиль solid</span></p>
<p><span style="border-bottom:3px double red">Стиль double</span></p>
<p><span style="border-bottom:3px groove red">Стиль groove</span></p>
<p><span style="border-bottom:3px ridge red">Стиль ridge</span></p>
<p><span style="border-bottom:3px inset red">Стиль inset</span></p>
<p><span style="border-bottom:3px outset red">Стиль outset</span></p>

Проверить пример подчёркивания

Вставьте код в HTML редактор и проверьте.




Русские шрифты





Категория: Полезные статьи | Добавил: IZOTOP (20.08.2012) | Автор: Меренков Михаил W
Просмотров: 762 | Теги: подчеркнуть слово, подчеркнуть текст, выделить слово, выделить текст | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]