word-spacing

Übersicht

Die word-spacing CSS Eigenschaft gibt das Abstandsverhalten zwischen Tags und Wörtern an.

Initialwertnormal
Anwendbar aufalle Elemente. Auch anwendbar auf ::first-letter (en-US) und ::first-line (en-US).
VererbtJa
Prozentwertebezieht sich auf die Breite des jeweiligen Zeichens
Berechneter Wertein optimaler, minimaler und maximaler Wert, jeder bestehend aus entweder einer absoluten Länge, einem Prozentwert oder dem Schlüsselwort normal
AnimationstypLängenangabe

Syntax

/* Schlüsselwortwerte */
word-spacing: normal;

/* <length> Werte */
word-spacing: 3px;
word-spacing: 0.3em;

/* <percentage> Werte */
word-spacing: 50%;
word-spacing: 200%;

/* Globale Werte */
word-spacing: inherit;
word-spacing: initial;
word-spacing: unset;

Werte

normal
Der normale Abstand zwischen Wörtern, wie durch die aktuelle Schriftart und/oder den Browser angegeben.
<length>
Definiert Abstände zusätzlich zu den immanenten Abständen zwischen den Wörtern, die durch die Schriftart definiert werden. Siehe <length> für mögliche Einheiten.
<percentage>
Definiert die zusätzlichen Abstände als Prozentwert der Breite des betreffenden Zeichens.

Formale Syntax

normal | <length>

Beispiele

Der folgende CSS Code:

#mozdiv1 {
  word-spacing: 15px;
}

#mozdiv2 {
  word-spacing: 5em;
}

formatiert zwei <div> Tags, die Text beinhalten wie hier gezeigt:

example.png

Spezifikationen

Spezifikation Status Kommentar
CSS Text Module Level 3
Die Definition von 'word-spacing' in dieser Spezifikation.
Anwärter Empfehlung Ersetzt die vorherigen Werte mit einem <spacing-limit> Wert, der denselben Wert definiert plus den <percentage> Wert und erlaubt bis zu drei Werte, die den Optimal-, Minimal- und Maximalwert beschreiben.
CSS Transitions
Die Definition von 'word-spacing' in dieser Spezifikation.
Arbeitsentwurf Definiert word-spacing als animierbar.
CSS Level 2 (Revision 1)
Die Definition von 'word-spacing' in dieser Spezifikation.
Empfehlung Keine Änderung
CSS Level 1
Die Definition von 'word-spacing' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition

Browser Kompatibilität

BCD tables only load in the browser