Atrybut text-decoration-thickness w CSS

Polecane kursy:

Definicja i użycie

Atrybut text-decoration-thickness określa grubość ozdób.

Zobacz również:CSS reference manual:

Atrybut text-decorationTekst CSS

CSS tutorial:

Przykład

Ustaw różne grubości ozdób dla elementów <h1>, <h2>, <h3>, <h4>:
  text-decoration: underline;
  text-decoration-thickness: auto;
}
h2 {
  text-decoration: underline;
  text-decoration-thickness: 5px;
}
h3 {
  text-decoration: underline;
  text-decoration-thickness: 50%;
}
/* Użyj atrybutu skróconego */
h4 {
  text-decoration: underline solid red 50%;
}

Spróbuj sam

Gramatyka CSS

text-decoration-thickness: auto|from-font|length/percentage|initial|inherit;

Wartość atrybutu

Wartość Opis
auto Przeglądarka wybiera grubość ozdób.
from-font Jeśli plik czcionki zawiera informacje o preferowanej grubości, użyj tej wartości. W przeciwnym razie, będzie to auto.
length/percentage Określa grubość jako wartość długości lub wartość procentową.
initial Ustaw 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.

Szczegóły techniczne

Domyślna wartość: auto
Inherencja: Nie
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty animacji.
Wersja: CSS4
Gramatyka JavaScript: object.style.textDecorationThickness="5px"

Obsługa przeglądarki

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

Chrome IE / Edge Firefox Safari Opera
89.0 89.0 70.0 12.1 75.0