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

View in English Always switch to English

xml:space

Deprecated

Avoid using this feature in new projects. SVG 2 omittted some parts of SVG 1.1 to "improv[e] the usability and precision of the language." This feature may be a candidate for removal from web standards or browsers.

Consider using the following features instead: SVG oder @font-face.

SVG unterstützt das eingebaute XML-Attribut xml:space, um Leerzeichen innerhalb von Elementen zu handhaben. Kindelemente innerhalb eines Elements können ebenfalls ein xml:space-Attribut haben, das das des übergeordneten Elements überschreibt.

Hinweis: Anstelle des xml:space-Attributs verwenden Sie die CSS-Eigenschaft white-space.

Dieses Attribut beeinflusst, wie Browser Textinhalte parsen und somit ändert es die Art und Weise, wie das DOM aufgebaut wird. Daher kann das Ändern des Attributwerts über die DOM-API keine Auswirkung haben.

Elemente

Dieses Attribut kann mit jedem SVG-Element verwendet werden.

Nutzungshinweise

Wert default | preserve
Standardwert default
Animierbar Nein
default

Mit diesem Wert werden Leerzeichen in folgender Reihenfolge verarbeitet:

  1. Alle Zeilenumbruchzeichen werden entfernt.
  2. Alle Tab-Zeichen werden in Leerzeichen umgewandelt.
  3. Alle führenden und abschließenden Leerzeichen werden entfernt.
  4. Alle aufeinanderfolgenden Leerzeichen werden zu einem einzelnen Leerzeichen zusammengefasst.
preserve

Dieser Wert weist den Benutzeragenten an, alle Zeilenumbruchs- und Tab-Zeichen in Leerzeichen umzuwandeln. Dann werden alle Leerzeichen gezeichnet (einschließlich führender, abschließender und mehrfach aufeinanderfolgender Leerzeichen).

Zum Beispiel trennt der String „a   b“ (drei Leerzeichen zwischen „a“ und „b“) „a“ und „b“ mehr als „a b“ (ein Leerzeichen zwischen „a“ und „b“).

Beispiele

html
<svg viewBox="0 0 160 50" xmlns="http://www.w3.org/2000/svg">
  <text y="20" xml:space="default">    Default    spacing</text>
  <text y="40" xml:space="preserve">    Preserved    spacing</text>
</svg>

Spezifikationen

Spezifikation
Scalable Vector Graphics (SVG) 2
# WhitespaceProcessingXMLSpaceAttribute

Browser-Kompatibilität