Przykład
Ustaw dekoracji tekstu dla <h1>, <h2> i <h3> elementów:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
Spróbuj sam " Definicja i Wykorzystanie
Właściwość text-decoration określa dekoracji dodany do tekstu.
Note: W CSS3, właściwość text-decoration jest skróconą własnością dla text-decoration linii , text-decoration-color oraz text-decoration stylu , ale to nie jest obecnie obsługiwana w żadnej z głównych przeglądarek.
Note: W CSS3 można użyć text-decoration kolorów własność, aby zmienić kolor dekoracji, w przeciwnym wypadku kolor jest taki sam jak kolor tekstu.
Domyślna wartość: | none |
---|---|
Dziedziczny: | no |
Animatable: | no, see individual properties . Read about animatable |
Wersja: | CSS1, renewed in CSS3 |
Składnia JavaScript: | object .style.textDecoration="underline" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
text-decoration | 1,0 | 3,0 | 1,0 | 1,0 | 3,5 |
Składnia CSS
text-decoration: none|underline|overline|line-through|initial|inherit;
wartości nieruchomości
Wartość | Opis | Graj |
---|---|---|
none | Definiuje normalny tekst. Jest to domyślny | Graj " |
underline | Określa linię pod tekstem | Graj " |
overline | Określa linię nad tekstem | Graj " |
line-through | Określa linię w tekście | Graj " |
initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Kurs CSS: CSS Text
Odniesienia HTML DOM: textDecoration property