text-decoration

von 1 Mitwirkenden:

Übersicht

Die text-decoration Eigenschaft legt Textauszeichnungen wie Unterstreichungen oder Durchstreichungen fest.

  • Standardwert: none
  • Anwendbar auf: Alle Elemente
  • Vererbbar: Nein
  • Prozentwerte: Nein
  • Medium: visuell
  • berechneter Wert: wie festgelegt

Syntax

 text-decoration: none | [underline || overline || line-through || blink] | inherit

Werte

Es werden mehrere Werte, durch Leerzeichen getrennt, akzeptiert.

none
Es wird keine der Textauszeichnungen dargestellt.
underline
Jede Zeile des Textes ist unterstrichen.
overline
Jede Zeile des Textes besitzt eine Linie über dem Text.
line-through
Jede Zeile des Textes ist durchgestrichen.
blink
Der Text blinkt (wechselt zwischen sichtbar und unsichtbar). Hinweis zur Barrierefreiheit: Punkt 3.3 der WAI-UAAG.
inherit
Der Wert des Elternelements wird geerbt.

Mozilla Erweiterungen

-moz-anchor-decoration
Für Webinhalte nicht geeignet. Standardauszeichnung für Anker.

Beispiele

Live Beispiel

  p { text-decoration: line-through; }
  p { text-decoration: underline overline; }  /* mehrere Werte sind erlaubt */
  
  /* Überspannung: /*
 
  p { text-decoration: underline; }  em { color: red;  }
  Ein betonter Text 

  p { text-decoration: underline; }  em { color: red; text-decoration: underline;  }
  Ein betonter Text

Hinweise

Die text-decoration Eigenschaft wird nicht vererbt, allerdings werden die Auszeichnungen überspannt (siehe Beispiel).

Browser Kompatibilität

Browser ab Version blink Wert
Internet Explorer 3.0 ---
Firefox (Gecko) 1.0 (1.0) 1.0 (1.0)
Opera 3.5 4.0
Safari (WebKit) 1.0 (85) ---

Spezifikation

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: fscholz
Zuletzt aktualisiert von: fscholz,
Seitenleiste ausblenden