Sie sind hier: Startseite -> CSS-Grundlagen -> Textformatierung -> Textdekoration

CSS-Grundlagen: text-decoration als Formatierung

Textdekoration: Ausstattung des Textes

Die Textdekoration ist eine weitere Möglichkeit, um Text mit CSS zu gestalten. Dabei stehen verschiedene Möglichkeiten zur Verfügung, die von none (keine Textdekoration - Normalfall) über underline (unterstrichen), overline (Strich über dem Text), line-through (durchstrichen) und blink (blinkender Text) reichen.

Eingesetzt wird der Befehl in folgender Weise:

text-decoration: line-through;
text-decoration: none;

Der blinkende Text (Einstellung blink) funktioniert aber nicht in jedem Browser und ist auch umstritten, weil er der Information des Textes nicht weiterhilft. Die Textdekoration wird überhaupt sehr gerne beim Link eingesetzt. So ist es möglich, die Textdekoration auszuschalten und bei einem aktiven Link das Unterstreichen einzuschalten, was den Effekt hat, dass man beim Überfahren mit dem Mauszeiger die Unterstreichung sieht und damit das Erkennen eines aktiven Links erleichtert.

ergibt:

text-decoration: underline;

text-decoration: blink;

text-decoration: line-through;

text-decoration: none;

Ebenfalls interessant:

Schriftart

Informationen über den CSS-Befehl font-family und die Möglichkeit, mittels CSS die Schriftart vorzugeben.

Schriftgröße

Informationen über den CSS-Befehl font-size, mit dem sich die Schriftgröße des Textes oder der Überschriften auf einer Webseite festlegen lassen.

Schriftstil

Informationen über den CSS-Befehl font-style, mit dem in CSS der Schriftstil festgelegt werden kann.

Fettschrift

Informationen über den CSS-Befehl font-weight, mit dem in CSS die Fettschrift eingestellt und formatiert werden kann.

Schriftvariante

Informationen über den CSS-Befehl font-variant, mit dem man Text als Kapitälchen darstellen lassen kann.

Zeichenabstand

Informationen über den CSS-Befehl letter-spacing, durch den man den Zeichenabstand im Text einstellen kann.

Wortabstand

Informationen über den CSS-Befehl word-spacing, wodurch sich der Abstand zwischen den Wörtern mit CSS definieren lässt.

[aktuelle Seite]

Textdekoration

Informationen über den CSS-Befehl text-decoration, mit dem die Textdekoration mit CSS ermöglicht wird, beispielsweise unterstreichen oder durchstreichen.

Textumwandlung

Informationen über den CSS-Befehl text-transform, durch den ein Text in Großbuchstaben oder Kleinbuchstaben umgewandelt werden kann.

Textfarbe

Informationen über den CSS-Befehl color, durch den die Textfarbe mittels CSS bestimmt werden kann.

Textschatten

Informationen über den CSS-Befehl text-shadow, durch den eine Schattierung eines Textes möglich wird.

Zurück zum Hauptthema

Übersicht Textformatierung

Startseite CSS-Grundlagen