Stil mit {stil}

Feb 2009

text-decoration • Unterstreichen und Überstreichen von Texten

Die CSS-Eigenschaft text-decoration dekoriert einen Text durch unterstreichen oder einen Strich über dem Element oder durch das Element.

Die Strichstärke kann nicht beeinflußt werden (erst in CSS3 könnten Strichfarbe sowie die Farbe des Strichs und der Stil des Strichs verändert werden), aber der Text innerhalb eines Elements, für das die CSS-Regel text-decoration: underline / overline / line-through notiert ist, wird in der Vordergrundfarbe dieses Elements unterstrichen, auch wenn für den Text selber eine andere Farbe angegeben wird.

<div style="text-decoration: underline; color: orange;">
   <p style="color: black;">Alles frisch gestrichen! </p>
</div>

Alle drei Werte für text-decoration können in einer Regel gesetzt werden.

Alles frisch gestrichen!

Auf andere Elemente als Texte darf text-decoration nicht wirken.

Automatisches Unterstreichen von Links

Der automatische Unterstrich unter Links folgt der CSS-Regel text-decoration: underline und kann durch die CSS-Regel text-decoration: none aufgehoben werden.

• text-align
• letter-spacing
• [ text-decoration ]
• text-indent
• text-transform
• white-space
• word-spacing

text-decoration

IE4+ O5+ N4+ M1 Sa1 CSS1 Erblich: Nein

text-decoration

unterstreicht und überstreicht Texte, streicht Text in der Mitte durch und/oder veranlasst, dass der Text blinkt.

Werte

none | [ underline || overline || line-through || blink ] | inherit

none

ist die Standardeinstellung. Die Angabe von none stellt sicher, dass vorangegangene Deklarationen den Text nicht beeinflussen.

underline

zieht eine Linie unter dem Text.

overline

zieht eine Linie über dem Text.

line-through

zieht eine Linie mitten durch den Text.

blink

blendet einen Text ein und aus. Standardkonforme Browser sollten allerdings nicht blinken.

Die neuen Eigenschaften für Texte in CSS 3

zurück zum Seitenanfang