① Оформление линии: подчеркивание, обводка и зачеркивание

Модуль содержит возможности CSS, относящиеся к оформлению текста, такие как подчеркивание, тени текста, а также акценты в тексте восточно-азиатских языков.

Содержание:

1. Оформление линии: подчеркивание, обводка и зачеркивание

2. Вид линии оформления: свойство text-decoration-line

3. Стиль линии оформления: свойство text-decoration-style

4. Цвет линии оформления: свойство text-decoration-color

5. Краткая запись свойств линии оформления: свойство text-decoration

6. Расположение линии оформления: свойство text-underline-position

7. Тень текста: свойство text-shadow

8. Примеры тени текста

9. Эффекты тени при наведении

10. Анимация тени

Подчеркивание, обводка и перечеркивающие линии отображаются только для не замещаемых блоков уровня строки (display: inline) и отображаются по всему тексту, включая пробелы между символами и словами, за исключением отступов в начале и конце строки.

Браузеры могут прерывать подчеркивание и обводку в том месте, где линия пересекает глиф, отображаясь на некотором расстоянии по обе стороны от контура глифа. Когда браузер прерывает подчеркивание или обводку на границах глифа, форма линии на этой границе должна соответствовать форме глифа. Однако, спецификация не предписывает конкретный метод для «следования форме» глифа, оставляя это на усмотрение браузеру.

📷 РИС. 1. ПРЕРЫВАНИЕ ЛИНИИ ПОДЧЕРКИВАНИЯ

Продолжение в следующей статье!