Beispiel
Anzeige <p> Elemente mit einer Linie auf der Oberseite:
p
{
-moz-text-decoration-line: overline; /* Code for Firefox */
text-decoration-line: overline;
}
Versuch es selber " Definition und Verwendung
Die text-decoration-line-Eigenschaft gibt, welche Art von Linie, wenn überhaupt, haben die Dekoration.
Hinweis: Sie können auch den text-decoration-line stellen Sie den text-decoration Eigenschaft verwenden, das ist eine kurze Hand - Eigenschaft für den text-decoration-line, text-decoration-Stil und die text-decoration-Farbeigenschaften.
Hinweis: Sie können auch mehr als ein Wert kombinieren, wie unterstrichen und Oberlinie Linien angezeigt werden sowohl unter als auch über den Text.
| Standardwert: | none |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.textDecorationLine="overline" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von -moz- geben Sie die erste Version, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| text-decoration-line | Nicht unterstützt | Nicht unterstützt | 6.0 -moz- | Nicht unterstützt | Nicht unterstützt |
CSS-Syntax
text-decoration-line: none|underline|overline|line-through|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| none | Standardwert. Gibt keine Zeile für den text-decoration | Spiel es " |
| underline | Gibt an, dass eine Zeile unter dem Text angezeigt wird | Spiel es " |
| overline | Gibt an, dass eine Zeile über den Text angezeigt wird | Spiel es " |
| line-through | Gibt an, dass eine Linie, die durch den Text angezeigt wird | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS Tutorial: CSS Text
HTML - DOM - Referenz: textDecorationLine property