Atrybut text-decoration CSS

Definicja i użycie

Atrybut text-decoration określa dodawanie dekoracji do tekstu.

Komentarz:Kolor dekoracji ustawiany jest za pomocą atrybutu "color".

Opis

Ta właściwość pozwala na ustawienie efektu tekstowego, takiego jak podkreślenie. Jeśli potomne elementy nie mają własnej dekoracji, dekoracja ustawiona na elementach przodków "rozszerzy się" do potomnych elementów. Nie wymaga wsparcia blink przez użytkownika代理a.

Zobacz również:

CSS Tutorial:Tekst CSS

HTML DOM Reference Manual:textDecoration właściwość

Przykład

Ustaw dekorację tekstu dla elementów h1, h2, h3, h4:

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

Spróbuj sam

CSS syntax

text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;

Wartość atrybutu

Wartość Opis
text-decoration-line Ustaw rodzaj używanego dekorowania tekstu (np. podkreślenie, nadkreślenie, podkreślenie).
text-decoration-color Ustaw kolor dekoracji tekstu.
text-decoration-style Ustaw styl dekoracji tekstu (np. pełna, falista, kropkowa, przerywana, podwójna).
text-decoration-thickness Ustaw grubość linii ozdobnej.
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.

Techniczne szczegóły

Domyślna wartość: brak
Inheredność: nie
Wersja: CSS1
JavaScript syntax: object.style.textDecoration="overline"

Więcej przykładów

Ozdobne teksty
Ten przykład pokazuje, jak dodać teksty ozdobne.

Obsługa przeglądarek

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
1.0 3.0 1.0 1.0 3.5