Websiteentwicklung: CSS: Textdekoration

Aus Wikibooks

Inhaltsverzeichnis 1 Erklärung 2 Mögliche Einstellungen 3 Beispiele 4 Navigation

[Bearbeiten] Erklärung

Mit Hilfe des text-decoration-Elementes lassen sich Textdekorationen bestimmen.

Oft werden Links mit underline unterstrichen. Dies hat aber den Nachteil, dass ein Unterstrich eventuell nicht sichtbar ist, je nach Schriftart.

Unterstrich_hier_dazwischen.

Darum, aber auch wegen des Aussehens, eignet sich daher ein Rahmen besser (border-bottom: 1px solid #000;):

Unterstrich_hier_dazwischen

[Bearbeiten] Mögliche Einstellungen

• none keine Dekoration
• underline unterstrichen
• overline Linie über dem Text
• line-through durchstreichen
• blink blinkender Text (nur Netscape)

[Bearbeiten] Beispiele

Beispiel 1:

text-decoration: underline;

Dies unterstreicht den formatierten Text.

Beispiel 2:

text-decoration: line-through;

Dies streicht den Text durch.

[Bearbeiten] Navigation