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

View in English Always switch to English

letter-spacing

Baseline
Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das Attribut letter-spacing steuert den Abstand zwischen Textzeichen.

Wenn der Attributwert eine Zahl ohne Einheit ist (z. B. 128), verarbeitet der Browser ihn als <length> im aktuellen Benutzerkoordinatensystem.

Wenn der Attributwert eine Einheit enthält, etwa .25em oder 1%, rechnet der Browser die <length> in den entsprechenden Wert im aktuellen Benutzerkoordinatensystem um.

Hinweis: Als Präsentationsattribut hat letter-spacing auch eine entsprechende CSS-Eigenschaft: letter-spacing. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.

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

Beispiele

Zeichenabstand in SVG steuern

html
<svg viewBox="0 0 400 30" xmlns="http://www.w3.org/2000/svg">
  <text y="20" letter-spacing="2">Bigger letter-spacing</text>
  <text x="200" y="20" letter-spacing="-0.5">Smaller letter-spacing</text>
</svg>

Hinweise zur Verwendung

Wert normal | <length>
Standardwert normal
Animierbar Ja

Eine Beschreibung der Werte finden Sie bei der CSS-Eigenschaft letter-spacing.

Spezifikationen

Spezifikation
CSS Text Module Level 3
# letter-spacing-property
Scalable Vector Graphics (SVG) 2
# LetterSpacingProperty

Browser-Kompatibilität

Siehe auch