Übersicht
Die word-spacing CSS Eigenschaft gibt das Abstandsverhalten zwischen Tags und Wörtern an.
| Initialwert | normal |
|---|---|
| Anwendbar auf | alle Elemente. Auch anwendbar auf ::first-letter und ::first-line. |
| Vererbt | Ja |
| Prozentwerte | bezieht sich auf die Breite des jeweiligen Zeichens |
| Medien | visuell |
| Berechneter Wert | ein optimaler, minimaler und maximaler Wert, jeder bestehend aus entweder einer absoluten Länge, einem Prozentwert oder dem Schlüsselwort normal |
| Animationstyp | Längenangabe |
| Kanonische Reihenfolge | die 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:
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
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Grundlegende Unterstützung | Chrome Vollständige Unterstützung 1 | Edge Vollständige Unterstützung 12 | Firefox Vollständige Unterstützung 1 | IE Vollständige Unterstützung 6 | Opera Vollständige Unterstützung 3.5 | Safari Vollständige Unterstützung 1 | WebView Android ? | Chrome Android ? | Edge Mobile Vollständige Unterstützung Ja | Firefox Android Keine Unterstützung Nein | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
<percentage> values | Chrome Keine Unterstützung Nein | Edge ? | Firefox Vollständige Unterstützung 45 | IE Keine Unterstützung Nein | Opera Keine Unterstützung Nein | Safari ? | WebView Android ? | Chrome Android ? | Edge Mobile ? | Firefox Android Vollständige Unterstützung 45 | Opera 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