Przykład
Wyświetlacz <p> Elementy z linią na górze:
p
{
-moz-text-decoration-line: overline; /* Code for Firefox */
text-decoration-line: overline;
}
Spróbuj sam " Definicja i Wykorzystanie
Właściwość text-decoration-linia określa, jaki rodzaj linii, jeśli w ogóle, dekoracja będzie miał.
Uwaga: Można również ustawić text-decoration-line, za pomocą właściwości text-decoration, która jest właściwością skrótem dla text-decoration-line text-decoration stylu i właściwości text-decoration-color.
Uwaga: Można również połączyć więcej niż jedną wartość, jak i podkreślenia overline do wyświetlania linii, zarówno pod i nad tekstem.
| Domyślna wartość: | none |
|---|---|
| Dziedziczny: | no |
| Animatable: | no. Read about animatable |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.textDecorationLine="overline" 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-line | Nieobsługiwany | Nieobsługiwany | 6,0 -moz- | Nieobsługiwany | Nieobsługiwany |
Składnia CSS
text-decoration-line: none|underline|overline|line-through|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| none | Domyślna wartość. Określa brak linię dla text-decoration | Graj " |
| underline | Określa, że linia zostanie wyświetlona pod tekstem | Graj " |
| overline | Określa, że linia zostanie wyświetlona nad tekstem | Graj " |
| line-through | Określa, że linia zostanie wyświetlona 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
HTML DOM referencyjny: textDecorationLine property