Websiteentwicklung: CSS: Textdekoration

Aus Wikibooks

Wechseln zu: Navigation, Suche
Wikibooks buchseite.svg Zurück zu Textausrichtung | One wikibook.svg Hoch zu CSS | Wikibooks buchseite.svg Vor zu Texteinrückung


Inhaltsverzeichnis

[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

Wikibooks buchseite.svg Zurück zu Textausrichtung | One wikibook.svg Hoch zu CSS | Wikibooks buchseite.svg Vor zu Texteinrückung
Persönliche Werkzeuge