CSS 2.1: `word-spacing`

Erläuterungen

Diese Eigenschaft ist eine der Spationierungs- Eigenschaften in CSS, d. h. sie dient der Bearbeitung der Abstände zwischen Wörtern oder Zeichen. Word-spacing bezieht sich auf den Wortabstand eines Textes, das ist die Länge des Raumes zwischen einzelnen Worten.

Die Auswirkungen dieser Eigenschaft sind von verschiedenen Faktoren abhängig:

Vom Wert der Eigenschaft text-align:
im Fall von text-align:justify ist es dem Browser erlaubt, die Inline- Boxes (d. h. die einzelnen Worte) sowohl zu strecken als auch seitlich zu verschieben. Dadurch kann der Raum zwischen Worten von Zeile zu Zeile unterschiedlich sein.
Von der Schriftart:
nur wenn font-family mit monospace deklariert wurde, ist der Leerraum zwischen Worten genau 1em breit, bei allen anderen Schriftarten ist es weniger.
Vom Benutzerprogramm:
Zwischen den modernen Browsern variiert der Wortabstand im Bereich von 0.3em und 0.5em.

Deshalb sind Webautoren angehalten, Räume zwischen Textzeichen und Worten durch relative Längenangaben zu definieren. Dadurch bleiben die Leerräume von der Schriftgröße abhängig und die Homogenität des Textes bleibt erhalten.

Erlaubte Werte

Auszug aus der Spezifikation (die verwendete Syntax wird im Artikel CSS-Wertesyntax genauer erläutert):

'word-spacing' normal | <length> | inherit

normal (Ausgangswert): Keine Änderung des Wortzwischenraumes.
<length>: Absolute oder relative Längenangabe, um die der normale Wortzwischenraum verändert wird. Hier wird also nicht der gewünschte Abstand direkt angegeben, sondern ein Wert, der zu dem bereits vorhandenen Abstand hinzuaddiert wird. Negative Werte bewirken eine Verkürzung des Zwischenraumes. Hier ist Vorsicht geboten, da nicht alle Browser gleich reagieren. Die Spezifikation macht keine Angaben, ob Überlappungen benachbarter Worte erlaubt sind oder nicht.
inherit: Bestimmt explizit, dass diese Eigenschaft denselben berechneten Wert wie im Elternelement annimmt.

Code-Beispiel:

P.teaser { word-spacing:0.5em; }

Browserunterstützung

Die Eigenschaft word-spacing wird von allen modernen Browsern unterstützt, mit einer Besonderheit:

Opera 7, 8: Deklariert man einen negativen Wert, der größer als der normale Raum zwischen Worten ist, würden sich theoretisch benachbarte Worte überlappen. Opera bis zur Version 7.x fügt einfach einen Zeilenvorschub ein, sodass jedes Wort am Beginn einer neuen Zeile steht.
Von Version 8 an werden in diesem Fall die Worte ohne Abstand hinter einander gesetzt. Dies widerspricht nicht der Spezifikation.

Eric Meyer's CSS2 Test Suite zeigt am praktischen Beispiel, wie die Browser mit dieser Eigenschaft umgehen.

Keine Eigenschaft und kein Selektor stehen in einem Stylesheet für sich allein. In der Praxis kann das Zusammenspiel zwischen verschiedenen Elementen und Selektoren einen nicht zu unterschätzenden Einfluss auf die Fähigkeiten der Browser haben. Bugs treten oft erst durch das Zusammenwirken mehrerer Eigenschaften an unterschiedlichen Elementen auf.

Wechselwirkungen:

letter-spacing, text-align

Besonderheiten im Medientyp `handheld`:

Diese Eigenschaft ist nicht Teil des Standards CSS Mobile Profile 1.0. Mobilgeräte, deren Browser diese Eigenschaft umsetzen, sind bisher nicht bekannt.