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

CSS-Grundlagen: word-spacing für Wortabstand

Wortabstand: Abstand per CSS definieren

Letter-spacing ist eine schöne Möglichkeit, um den Abstand zwischen den Buchstaben per CSS vorzudefinieren, wird aber selten genützt. Noch unbekannter ist die Möglichkeit, den Abstand zwischen den einzelnen Worten mit CSS festzulegen, dabei ist die Definition sehr einfach umgesetzt.

Eingesetzt wird der Befehl in folgender Weise:

word-spacing: 6px;
word-spacing: 5mm;
word-spacing: 5%;

Die Beispiele zeigen, dass man den Befehl word-spacing mit unterschiedlichen Werten ausstatten kann. Prozentwerte sind ebenso möglich wie Millimeterangaben oder Pixelwerte.

ergibt:

word-spacing: 5mm;

word-spacing: 6px;

word-spacing: 3px;

word-spacing: 4%;

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.

[aktuelle Seite]

Wortabstand

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

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