Руководство по CSS

CSS @ правила (RULES)

Полный список свойств CSS

Свойство text-indent в CSS Свойство text-decoration-line в CSS3

Метод использования и примеры для свойства text-decoration-style CSS3

Свойство text-decoration-style CSS определяет тип линии, которую нужно использовать для текстового оформления.

Примечание: Вы также можете использовать атрибут text-decoration для установки text-decoration-line. Атрибут text-decoration является шифтом для свойств text-decoration-line, text-decoration-style и text-decoration-color.

В таблице приведены примеры использования и история версий этого свойства, а также синтаксис использования этого свойства в скриптах на JavaScript.

Значение по умолчанию:	solid
Применяется к:	Все элементы. Это также применяется к ::first-letter и ::first-line.
Ингерит:	Нет
Анимируемо:	Нет.См. также Атрибуты анимации.
Версия:	Новые возможности CSS3
JavaScript синтаксис:	объект.style.textDecorationStyle="wavy"

Синтаксис text-decoration-style

Синтаксис использования text-decoration-style:

Синтаксис этого свойства: text-decoration-style:　[　solid　|　double　|　dotted　|　dashed　|　wavy　]　one　or　more　values　|　initial　|　inherit

Ниже приведены примеры того, как использовать атрибут text-decoration-style.

Пример

p　{
　　　　text-decoration:　underline;
　　　　-moz-text-decoration-style:　dotted;　/*　Firefox　*/
　　　　text-decoration-style:　dotted;　
}

Проверьте,›/›

Значения свойств

Ниже в таблице описаны значения этого свойства.

Значение	Описание
solid	Эта линия отображается в виде сплошной линии. Это значение по умолчанию.
double	Эта линия отображается в виде двойной линии.
dotted	Эта линия отображается в виде пунктирной линии.
dashed	Эта линия отображается в виде пунктирной линии.
wavy	Эта линия отображается в виде волн.
initial	Установите этот атрибут в его значение по умолчанию.
inherit	Если указано, то связанные элементы используют значение свойства text-decoration-style родительского элемента.

Совместимость с браузерами

text-decoration-style в большинстве браузеров не поддерживается.

	Firefox 6+ ^-moz-, 36+ Google Chrome× Internet Explorer × Apple Safari × Opera ×

Внимание:Предупреждение: text-decoration-style в большинстве браузеров в настоящее время не поддерживается. Лучше всего избегать использования этого свойства.

Дополнительное чтение

Пожалуйста, смотрите следующие руководства:CSS текст,CSS рамка.

Связанные свойства:text-decoration,text-decoration-line,text-decoration-color.

Свойство text-indent в CSS Свойство text-decoration-line в CSS3