Својството text-decoration-style

Својството text-decoration-style го менува типот на линија кај текстот: единечна линија, двојна, во вид на точки, во вид на цртички, брановидна линија.

Својството треба да се користи заедно со својствата text-decoration-line и text-decoration-color. Овие својства го прошируваат дејството на својството text-decoration, како поснапредни аналози.

Синтакса

cssселектор {
  text-decoration-line: solid | double | dotted | dashed | wavy;
}

Вредности

Вредност	Опис
`solid`	Цврста линија.
`double`	Двојна линија.
`dotted`	Линија во вид на точки.
`dashed`	Линија во вид на цртички.
`wavy`	Брановидна линија.

Стандардна вредност: solid.

Пример . Вредност wavy

Сега текстот ќе стане подвлечен со црвена брановидна линија:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: wavy;
  text-decoration-color: red;
  text-decoration-line: underline;
}

Результат:

Пример . Вредност dotted

Сега текстот ќе стане подвлечен со црвена линија во вид на точки:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: dotted;
  text-decoration-color: red;
  text-decoration-line: underline;
}

Результат:

Пример . Вредност double

Сега текстот ќе стане прецртан со црвена двојна линија:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-decoration-style: double;
  text-decoration-color: red;
  text-decoration-line: line-through;
}

Результат: