Websiteentwicklung: CSS: Textdekoration

Aus Wikibooks

Wechseln zu: Navigation, Suche

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


Textausrichtung: text-align | Texteinrückung: text-indent

Websiteentwicklung: CSS


Persönliche Werkzeuge
Buch erstellen
  • Artikel hinzufügen
  • Hilfe zu Sammlungen