СSS Свойство text-decoration-style
Пример
Установить различные типы стилей оформления текста:
div.a
{
text-decoration-line: underline;
text-decoration-style: solid;
}
div.b
{
text-decoration-line: underline;
text-decoration-style: wavy;
}
div.c
{
text-decoration-line: underline;
text-decoration-style: double;
}
div.d
{
text-decoration-line: overline underline;
text-decoration-style: wavy;
}
Редактор кода »
Определение и использование
Свойство text-decoration-style задает стиль оформления текста (solid, wavy, dotted, dashed, double).
Совет: Также посмотрите на свойство text-decoration, который является сокращенным свойством для text-decoration-line, text-decoration-style, и text-decoration-color.
| Значение по умолчанию: | solid |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет Прочитайте о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.textDecorationStyle="wavy" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Числа, за которыми следует -moz-, указывают первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| text-decoration-style | 57.0 | Не поддерживаемый | 36.0 6.0 -moz- |
Не поддерживаемый | 44.0 |
CSS Синтаксис
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
Значение свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| solid | Значение по умолчанию. Линия будет отображаться как одна строка | Воспроизвести » |
| double | Линия будет отображаться как двойная линия | Воспроизвести » |
| dotted | Линия будет отображаться в виде пунктирной линии | Воспроизвести » |
| dashed | Линия будет отображаться в виде пунктирной линии | Воспроизвести » |
| wavy | Линия будет отображаться в виде волнистой линии | Воспроизвести » |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитайте о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитайте о inherit |
Связанные страницы
CSS Учебник: CSS Текст
HTML DOM Справочник: Свойство textDecorationStyle
