В text-decoration-styleимота определя стила на подчертаването на връзки и подчертаването, Номера, или линия през по всеки текст, с text-decorationприложени.
a ( text-decoration-style: solid; )Стойности
solid: по подразбиране. Декорацията е единична плътна линия.double: Декорацията е двойка плътни линии.dotted: Декорацията е пунктирана линия.dashed: Декорацията е пунктирана линия.wavy: Декорацията е вълнообразна линия.
Демонстрация
По време на това писане text-decoration-styleсе поддържа само официално във Firefox. Той ще работи и в браузъри Chrome с активиран флаг за експериментални функции на уеб платформата.
Вижте стила на текстовата декорация на писалката от 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+ без префикс.