Atrybut text-decoration-style w CSS

Definicja i użycie

Atrybut text-decoration-style ustawia typ dekoracji tekstu (prosta linia, fale, kropkowa, przerywana, podwójna).

Wskazówka:Również zobacz: Atrybut text-decoration, które są skróconymi atrybutami tych trzech:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

Inne zasoby:

CSS tutorial:Tekst CSS

Przeglądarka HTML DOM:textDecorationStyle Atrybut

Przykład

Ustaw różne typy stylów text-decoration:

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;
}

Spróbuj sam

CSS składnia

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

Wartość atrybutu

Wartość Opis
solid Domyślna wartość. Linia jest wyświetlana jako pojedyncza.
podwójna Linia jest wyświetlana jako podwójna.
kropkowa Linia jest wyświetlana jako kropkowa.
przerywana Linia jest wyświetlana jako przerywana.
fale Linia jest wyświetlana jako fale.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Dochodzi do tej właściwości od elementu nadrzędnego. Zobacz inherit.

Techniczne szczegóły

Domyślna wartość: solid
Następstwo: Nie
Tworzenie animacji: Nie obsługuje. Zobacz:Atrybuty związane z animacją.
Wersja: CSS3
JavaScript składnia: object.style.textDecorationStyle="wavy"

Wsparcie przeglądarki

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby z -moz- oznaczają pierwszą wersję używającą prefiksu.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1 44.0