CSS Text Decoration
CSS Text Decoration – модуль CSS, который определяет возможности, относящиеся к оформлению текста, такие как подчёркивание, тень текста и метки выделения.
Справка
Свойства
text-decoration
(en-US)text-decoration-color
(en-US)text-decoration-line
(en-US)text-decoration-skip-ink
(en-US)text-decoration-style
(en-US)text-decoration-thickness
(en-US)text-emphasis
(en-US)text-emphasis-color
(en-US)text-emphasis-position
(en-US)text-emphasis-style
(en-US)text-shadow
text-underline-offset
(en-US)text-underline-position
(en-US)
Примеры
.under {
text-decoration: underline red;
}
.over {
text-decoration: wavy overline lime;
}
.line {
text-decoration: line-through;
}
.plain {
text-decoration: none;
}
.underover {
text-decoration: dashed underline overline;
}
.thick {
text-decoration: solid underline purple 4px;
}
.blink {
text-decoration: blink;
}
<p class="under">Этот текст подчёркнут.</p>
<p class="over">Этот текст имеет линию сверху.</p>
<p class="line">Этот текст перечёркнут.</p>
<p>
Эта <a class="plain" href="#">ссылка не будет подчёркнута</a>,
как все ссылки по умолчанию. Будьте осторожны, когда удаляете
подчёркивание у ссылок, т.к. для пользователей нижнее подчеркивание
часто обозначает гиперссылку.</p>
<p class="underover">В этом примере линии находятся над <em>и</em> под текстом.</p>
<p class="thick">
Этот текст подчёркнут жирной линией, если ваш браузер это поддерживает.
</p>
<p class="blink">
Этот текст может моргать, если ваш браузер это поддерживает.
</p>
Спецификации
Specification |
---|
CSS Text Decoration Module Level 3 |