text-decoration-styleВластивість задає стиль підкреслення на посилання і підкреслення, Оверлайна або лінії через на будь-який текст з text-decorationприкладної.
a ( text-decoration-style: solid; )Цінності
solid: за замовчуванням. Прикраса - одна суцільна лінія.double: Прикраса - це пара суцільних ліній.dotted: Прикраса - пунктирна лінія.dashed: Прикраса - пунктирна лінія.wavy: Прикраса - хвиляста лінія.
Демо
На момент написання цієї статті text-decoration-styleлише офіційно підтримується у Firefox. Він також працюватиме у браузерах Chrome із увімкненим прапором функцій експериментальної веб-платформи.
Дивіться стиль оформлення тексту «Pen» від CSS-Tricks (@ css-tricks) на CodePen.
Стенографія
У браузерах, які підтримують, text-decoration-styleі text-decoration-colorви можете додати стиль оформлення до text-decorationскороченого властивості:
.underlined ( text-decoration: underline dotted red; )Наразі лише Firefox підтримує цей безпрефікс. Safari підтримує його -webkitпрефіксом. Chrome також потребує -webkitпрефікса та експериментальних функцій веб-платформи, включених у прапорах Chrome.
Пов’язані
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Більше інформації
- стиль оформлення тексту в модулі текстового оформлення W3C CSS Рівень 3 CR
- стиль оформлення тексту в MDN
Підтримка браузера
| Chrome | Сафарі | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Жоден | 6 † | Жоден | Жоден | Жоден | Жоден |
* лише з увімкненим прапором експериментальних функцій веб-платформи
† Firefox 6+ із -mozпрефіксом, 36+ без префіксу.