Übersicht

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

Initialwertnormal
Anwendbar aufalle Elemente. Auch anwendbar auf ::first-letter und ::first-line.
VererbtJa
Prozentwertebezieht sich auf die Breite des jeweiligen Zeichens
Medienvisuell
Berechneter Wertein optimaler, minimaler und maximaler Wert, jeder bestehend aus entweder einer absoluten Länge, einem Prozentwert oder dem Schlüsselwort normal
AnimationstypLängenangabe
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

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-percentage>

wobei
<length-percentage> = <length> | <percentage>

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.
Arbeitsentwurf 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

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung 1.0 1.0 (1.7 oder früher) 6.0 3.5 1.0 (85)
Prozentwerte Nicht unterstützt 45.0 (45.0) Nicht unterstützt Nicht unterstützt ?
Merkmal Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Unterstützung ? ? ? ? ?
Prozentwerte ? 45.0 (45.0) ? ? ?

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: Prinz_Rana, Sebastianz
Zuletzt aktualisiert von: Prinz_Rana,