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.
<!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>