text-decoration-styleСвойство задает стиль подчеркивания на ссылки и подчеркивание, Оверлайна или линии через на любой текст с text-decorationприкладной.
a ( text-decoration-style: solid; )Значения
solid: по умолчанию. Украшение представляет собой единую сплошную линию.double: Украшение представляет собой пару сплошных линий.dotted: Оформление - пунктирная линия.dashed: Оформление - пунктирная линия.wavy: Украшение представляет собой волнистую линию.
Демо
На момент написания этой статьи text-decoration-styleофициально поддерживается только в Firefox. Он также будет работать в браузерах Chrome с включенным флагом экспериментальных функций веб-платформы.
См. Pen text-decoration-style от 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
Дополнительная информация
- text-decoration-style в модуле оформления текста CSS W3C Level 3 CR
- стиль оформления текста в MDN
Поддержка браузера
| Хром | Сафари | Fire Fox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Никто | 6 † | Никто | Никто | Никто | Никто |
* только при включенном флаге экспериментальных функций веб-платформы
† Firefox 6+ с -mozпрефиксом, 36+ без префикса.