CSS 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
задает стиль оформления текста (например, сплошная, волнистая, пунктирная, пунктирная, двойная).
Совет: Кроме того, посмотрите на свойство Text-decoration ие, которое представляет собой свойство с короткими руками для текста, декорирования строк, текста и декора, а также текст-украшение-цвет.
Значение по умолчанию: | solid |
---|---|
Inherited: | no |
Animatable: | no. Читайте о animatable |
Version: | CSS3 |
Синтаксис JavaScript: | object.style.textDecorationStyle="wavy" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Номера следуют -МОЗ- укажет первую версию, которая работала с префиксом.
Свойство | |||||
---|---|---|---|---|---|
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 Text
HTML DOM Справочник: textDecorationStyle Свойство