word-spacing
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die word-spacing
-Eigenschaft von CSS legt die Länge des Abstands zwischen Wörtern und zwischen Tags fest.
Probieren Sie es aus
Syntax
/* Keyword value */
word-spacing: normal;
/* <length> values */
word-spacing: 3px;
word-spacing: 0.3em;
/* Global values */
word-spacing: inherit;
word-spacing: initial;
word-spacing: revert;
word-spacing: revert-layer;
word-spacing: unset;
Werte
Barrierefreiheit
Ein großer positiver oder negativer word-spacing
-Wert macht die Sätze, auf die das Styling angewendet wird, unlesbar. Bei Texten, die mit einem sehr großen positiven Wert gestylt sind, werden die Wörter so weit auseinander sein, dass es nicht mehr als Satz erscheint. Bei Texten mit einem großen negativen Wert überlappen sich die Wörter so stark, dass der Anfang und das Ende jedes Wortes unkenntlich werden.
Lesbarer word-spacing
muss von Fall zu Fall bestimmt werden, da unterschiedliche Schriftarten unterschiedliche Zeichenbreiten haben. Es gibt keinen Wert, der automatisch sicherstellt, dass alle Schriftarten ihre Lesbarkeit behalten.
Beispiele
HTML
<div id="mozdiv1">Lorem ipsum dolor sit amet.</div>
<div id="mozdiv2">Lorem ipsum dolor sit amet.</div>
CSS
#mozdiv1 {
word-spacing: 15px;
}
#mozdiv2 {
word-spacing: 5em;
}
Formale Definition
Initialer Wert | normal |
---|---|
Anwendbar auf | alle Elemente. Auch anwendbar auf ::first-letter und ::first-line . |
Vererbt | Ja |
Prozentwerte | bezieht sich auf die Breite des jeweiligen Zeichens |
Berechneter Wert | absolute length |
Animationstyp | Längenangabe |
Formale Syntax
Spezifikationen
Specification |
---|
CSS Text Module Level 3 # word-spacing-property |
Browser-Kompatibilität
BCD tables only load in the browser