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 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 AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
word-spacingChrome 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 Vollständige Unterstützung 37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung JaSafari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
<percentage> valuesChrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Vollständige Unterstützung 45IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Vollständige Unterstützung 6.1WebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 45Opera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 6.1Samsung Internet Android Keine Unterstützung Nein
SVG supportChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 72IE Vollständige Unterstützung 9Opera Vollständige Unterstützung JaSafari Vollständige Unterstützung 5.1WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Keine Unterstützung NeinOpera Android Vollständige Unterstützung JaSafari iOS Vollständige Unterstützung 5.1Samsung Internet Android Vollständige Unterstützung 1.0

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Verwandte Themen