Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. SVG
  3. Reference
  4. Attributes
  5. word-spacing

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

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⁩.

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

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

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

Hinweis:Als Präsentationsattribut hatword-spacing auch ein CSS-Eigenschaftsgegenstück:word-spacing. Wenn beide spezifiziert sind, hat die CSS-Eigenschaft Vorrang.

Elemente

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

Nutzungshinweise

Wertnormal |<length>
AnimierbarJa
Standardwertenormal

Für eine Beschreibung der Werte, konsultieren Sie bitte dieCSSletter-spacing Eigenschaft.

Beispiele

Dieses Beispiel umfasst zwei<text> Elemente mit unterschiedlichenword-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

Help improve MDN

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

[8]ページ先頭

©2009-2025 Movatter.jp