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 ⁨Juli 2015⁩.

Das word-spacing-Attribut spezifiziert das Verhalten des Abstands zwischen Wörtern.

Wenn eine <length> ohne Einheit angegeben wird (z. B. eine nicht qualifizierte Zahl wie 128), verarbeitet der Browser die <length> als einen Breitenwert im aktuellen Benutzerkoordinatensystem.

Wenn eine <length> mit einer der Einheitsspezifizierer (z. B. .25em oder 1%) angegeben wird, konvertiert der Browser die <length> in einen entsprechenden Wert im aktuellen Benutzerkoordinatensystem.

Hinweis: Als Präsentationsattribut hat word-spacing auch ein entsprechendes CSS-Property: word-spacing. Wenn beide angegeben sind, hat das CSS-Property Vorrang.

Elemente

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Verwendungshinweise

Wert	`normal` \| `<length>`
Animierbar	Ja
Standardwerte	`normal`

Für eine Beschreibung der Werte siehe bitte die CSS letter-spacing Property.

Beispiele

Dieses Beispiel enthält zwei <text>-Elemente mit unterschiedlichen word-spacing-Werten.

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 250 50" xmlns="http://www.w3.org/2000/svg">
  <text y="20" word-spacing="4">Bigger spacing between words</text>
  <text x="0" y="40" word-spacing="-0.5">Smaller spacing between words</text>
</svg>

Spezifikationen

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

Browser-Kompatibilität

Siehe auch

CSS word-spacing-Property

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden