Textdekoration: `text-decoration`

Diese Eigenschaft gibt es seit Version: CSS 1

Mit text-decoration kann man Texte unter- oder überstreichen, aber auch durchstreichen oder blinken lassen. Ebenso kann man die automatische Unterstreichung von Hyperlinks aufheben durch text-decoration:none.

Code-Beispiel für `text-decoration`:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
	"http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
  <head> 
    <title>Beispiel für Textdekoration</title>
  <style type="text/css"> 
    .unterstrich {text-decoration: underline;}
    .ueberstrich {text-decoration: overline;}
    .durchstrich {text-decoration: line-through;}
    .blinken {text-decoration: blink;}
  </style> 
  </head> 
  <body> 
    <p class="unterstrich">Text unterstrichen</p>

    <p class="ueberstrich">Text überstrichen</p>
    <p class="durchstrich">Text durchgestrichen</p>
    <p class="blinken">blinkender Text</p>
  </body> 

</html>

Beispiel ansehen

Initialwert:	none
Vererbbar:	Nein
Anwendbar auf:	Alle Elemente
Medium:	Visual
Werte:	none Keine Hervorhebung underline Unterstrichen overline Überstrichen line-through Durchgestrichen blink Blinkender Text Inherit Mehrere, bzw. alle Werte dürfen gleichzeitig angegeben werden.

Anmerkungen:
Wird »line-through« innerhalb von Tabellen mit dem <span>-Tag eingesetzt, dann kann es dazu führen, dass NC 4.x alles durchgestrichen darstellt.

Der IE versteht den Wert »blink« nicht - allerdings sollte man mit blinkendem Text ohnehin sehr vorsichtig sein, so dass das kein großes Problem sein dürfte.

Wert