Przykład
Wyświetla falistą linię pod <p> element:
p
{
-moz-text-decoration-style: wavy; /* Code for Firefox */
text-decoration: underline;
}
Spróbuj sam " Definicja i Wykorzystanie
Właściwość text-decoration-style określa, jak linia, jeśli w ogóle, będą wyświetlane.
Domyślna wartość: | solid |
---|---|
Dziedziczny: | no |
Animatable: | no. Read about animatable |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.textDecorationStyle="wavy" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Liczby obserwowani przez -moz- określić pierwszą wersję, która pracowała z prefiksem.
Nieruchomość | |||||
---|---|---|---|---|---|
text-decoration-style | Nieobsługiwany | Nieobsługiwany | 6,0 -moz- | Nieobsługiwany | Nieobsługiwany |
Składnia CSS
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
wartości nieruchomości
Wartość | Opis | Graj |
---|---|---|
solid | Domyślna wartość. Linia będzie wyświetlany jako pojedyncza linia | Graj " |
double | Linia będzie wyświetlany w postaci podwójnej linii | Graj " |
dotted | Linia będzie wyświetlane jako linię przerywaną | Graj " |
dashed | Linia będzie wyświetlany jako linia przerywana | Graj " |
wavy | Linia będzie wyświetlane jako falistą linią | 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
HTML DOM referencyjny: textDecorationStyle property