Własność CSS text-decoration-style

Własność CSS text-decoration-style określa styl linii dekoracyjnej tekstu elementu (podkreślenia, przekreślenia lub linii nad tekstem) ustawionej przez własność text-decoration-line

Przykład

W poniższym przykładzie tekst elementu span będzie podkreślony czerwoną falowaną linią:

span {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: red;
}

Efekt:

Wartości i składnia

Własność CSS text-decoration-style jako wartość przyjmuje jedno z następujących słów kluczowych:

• solid: linia ciągła
• double: podwójna linia ciągła
• dotted: linia przerywana złożona z kropek
• dashed: linia przerywana złożona z kresek
• wavy: linia falowana

Podsumowanie