Textdekoration: text-decoration

Mithile von text-decoration ist es möglich Text zu unterstreichen, sie zu überstreichen, durchzustreichen oder blinken zu lassen, sowie die automatische Unterstreichung von Links aufheben. Es ist möglich mehrere Werte zu verwenden.

Attributswert	Wirkung
none	keine Dekoration (auch keine automatische Unterstreichung)
underline	Unterstreichung
overline	Überstreichung
line-through	(=Linie durch) durchgestrichen
blink	blinkender Text
inherit	Wert vom Elternelement vererben

Der Standardwert ist none, allerdings sind Hyperlinks normalerweise unterstrichen. Das kann mit einem explizit gewollten text-decoration:none verhindert werden.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="javascript:void();" style="text-decoration:none">Nicht unterstrichener Link</a><br /><br />
<p style="text-decoration:underline">Unterstrichener Text</p>
<p style="text-decoration:blink">Nervender blinkender Text (oder?)</p>
<p style="text-decoration:underline line-through overline">So viele Linien!</p>
</body>
</html>

Seitenleiste

Community

Webtutorials

CSS Attributsindex

Textattribute

Textdekoration: text-decoration

Beispiel