Ü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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 6Opera Vollständige Unterstützung 3.5Safari Vollständige Unterstützung 1WebView Android ? Chrome Android ? Edge Mobile Vollständige Unterstützung JaFirefox Android Keine Unterstützung NeinOpera Android ? Safari iOS ? Samsung Internet Android ?
<percentage> valuesChrome Keine Unterstützung NeinEdge ? Firefox Vollständige Unterstützung 45IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Vollständige Unterstützung 45Opera Android ? Safari iOS ? Samsung Internet Android Keine Unterstützung Nein

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt

Schlagwörter des Dokuments und Mitwirkende

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