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

css
/* 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

normal

Der normale Wortzwischenraum, wie er durch die aktuelle Schriftart und/oder den Browser definiert ist.

<length>

Gibt zusätzlichen Abstand an, der zum intrinsischen Wortzwischenraum der Schriftart hinzugefügt wird.

Barrierefreiheit

Ein großer positiver oder negativer word-spacing-Wert macht die mit diesem Stil versehenen Sätze unleserlich. Bei Text, der mit einem sehr großen positiven Wert gestylt ist, sind die Wörter so weit voneinander entfernt, dass sie nicht mehr als Satz erkennbar sind. Bei Text mit einem großen negativen Wert überlappen sich die Wörter so stark, dass der Anfang und das Ende jedes Wortes nicht mehr erkennbar sind.

Lesbare word-spacing-Werte müssen von Fall zu Fall bestimmt werden, da verschiedene Schriftfamilien unterschiedliche Zeichenbreiten haben. Es gibt keinen einzigen Wert, der für alle Schriftfamilien automatisch die Lesbarkeit sicherstellt.

Beispiele

HTML

html
<div id="mozdiv1">Lorem ipsum dolor sit amet.</div>
<div id="mozdiv2">Lorem ipsum dolor sit amet.</div>

CSS

css
#mozdiv1 {
  word-spacing: 15px;
}

#mozdiv2 {
  word-spacing: 5em;
}

Formale Definition

Anfangswertnormal
Anwendbar aufalle Elemente. Auch anwendbar auf ::first-letter und ::first-line.
VererbtJa
Prozentwertebezieht sich auf die Breite des jeweiligen Zeichens
Berechneter Wertabsolute <length>
AnimationstypLängenangabe

Formale Syntax

word-spacing = 
normal |
<length>

Spezifikationen

Specification
CSS Text Module Level 3
# word-spacing-property
Scalable Vector Graphics (SVG) 2
# WordSpacingProperty

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
word-spacing
normal
<percentage> values
DeprecatedNon-standard
On SVG elements

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.

Siehe auch