CSS word-spacing Eigenschaft
- Seite zuvor word-break
- Nächste Seite word-wrap
Definition
Die word-spacing-Eigenschaft erhöht oder verringert den Abstand zwischen den Wörtern (d.h. den Zeilenabstand).
Diese Eigenschaft definiert, wie viele Leerzeichen zwischen den Elementen eingefügt werden. Für diese Eigenschaft wird "Zeichen" als eine Zeichenkette definiert, die von Leerzeichen umgeben ist. Wenn ein Längenwert angegeben wird, wird der normale Abstand zwischen den Zeichen angepasst; daher ist "normal" gleich 0. Negative Längenwerte können angegeben werden, was den Abstand zwischen den Zeichen enger macht.
Anmerkung:Negative Werte sind erlaubt.
Weitere Informationen:
CSS-Tutorial:CSS Text
HTML DOM Referenzhandbuch:wordSpacing-Eigenschaft
Beispiel
Definiert den Zeilenabstand im Absatz auf 25 Pixel:
p
{
word-spacing:25px;
}
Tipp und Anmerkung
Anmerkung:CSS definiert "Zeichen" als eine Zeichenkette aus nicht leeren Symbolen, die von einem bestimmten Leerzeichensymbol umgeben sind. Diese Definition hat keine tatsächliche Semantik; sie ist nur eine Annahme, dass ein Dokument eine Zeichenkette enthält, die von einem oder mehreren Leerzeichen umgeben ist. Benutzeragenten, die CSS unterstützen, können möglicherweise nicht bestimmen, welche Zeichen in einer bestimmten Sprache legal sind und welche nicht. Obwohl diese Definition wenig Wert hat, bedeutet sie, dass für schriftliche Sprachen oder nichtlateinische Schreibweisen oft kein Zeilenabstand angegeben werden kann.
Tipp:Durch die Verwendung dieser Eigenschaft kann ein Dokument mit zu breitem Zeilenabstand erstellt werden, daher sollte word-spacing vorsichtig verwendet werden.
CSS-Syntax
word-spacing: normal|length|initial|inherit;
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| normal | Standard. Definiert den Standardabstand zwischen den Wörtern. |
| length | Definiert den festen Abstand zwischen den Wörtern. |
| inherit | Der Wert der Eigenschaft word-spacing sollte von dem übergeordneten Element geerbt werden. |
Technische Details
| Standardwert: | normal |
|---|---|
| Vererbbarkeit: | ja |
| Version: | CSS1 |
| JavaScript-Syntax: | object.style.wordSpacing="10px" |
Mehr Beispiele
- Erhöhen oder verringern Sie den Abstand zwischen den Wörtern (Zeichenabstand)
- Dieses Beispiel zeigt, wie man den Abstand zwischen den Wörtern in einem Absatz erhöhen kann.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browser-Version an, die diese Eigenschaft vollständig unterstützt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
- Seite zuvor word-break
- Nächste Seite word-wrap
