Свойство text-decoration в CSS

определение и использование

свойство text-decoration определяет добавляемые к тексту украшения.

замечание:цвет украшения устанавливается свойством "color".

объяснение

Эта�性 позволяет применить к тексту определенный эффект, например, подчеркивание. Если у потомков нет своих украшений, то украшения, установленные на уровне предков, «продлеваются» до потомков. Blink не требует поддержки пользователем.

еще参阅:

руководство по CSS:Текст в CSS

руководство по HTML DOM:свойство textDecoration

пример

установите текстовую декорацию для элементов h1, h2, h3, h4:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

попробуйте сами

CSS грамматика

text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;

атрибуты значения

значение описание
text-decoration-line установите тип текста декорации, который будет использоваться (например, подчеркивание, надстрочный индекс, зачеркнутый).
text-decoration-color установите цвет текста декорации.
text-decoration-style установите стиль текста декорации (например, сплошная, волновая, точечно-линейная, пунктирная, двойная).
text-decoration-thickness установите толщину линии декорации.
initial установите это свойство по умолчанию. См. initial.
inherit иногда этот атрибут наследуется от родительского элемента. См. inherit.

технические детали

по умолчанию: none
наследование: no
версия: CSS1
JavaScript грамматика: object.style.textDecoration="overline"

более сложные примеры

украшенный текст
Этот пример демонстрирует, как добавить тексту украшения.

поддержка браузерами

числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5