xml:space

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

SVG unterstützt das integrierte 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 Elternteils überschreibt.

Hinweis: Anstatt das xml:space-Attribut zu verwenden, nutzen Sie die white-space CSS-Eigenschaft.

Dieses Attribut beeinflusst, wie Browser Textinhalte parsen und ändert somit die Art und Weise, wie das DOM aufgebaut wird. Daher kann das Ändern dieses Attributswerts über die DOM-API keine Wirkung zeigen.

Elemente

Sie können dieses Attribut mit jedem SVG-Element verwenden.

Verwendungshinweise

Wert default | preserve
Standardwert default
Animierbar Nein
default

Mit diesem Wert werden Leerzeichenzeichen in folgender Reihenfolge bearbeitet:

  1. Alle Zeilenumbrüche werden entfernt.
  2. Alle Tabulatorzeichen werden in Leerzeichen umgewandelt.
  3. Alle führenden und nachfolgenden Leerzeichen werden entfernt.
  4. Alle aufeinanderfolgenden Leerzeichen werden zu einem einzigen Leerzeichen zusammengefasst.
preserve

Dieser Wert weist den Benutzeragenten an, alle Zeilenumbrüche und Tabulatoren in Leerzeichen umzuwandeln. Dann werden alle Leerzeichen (einschließlich führender, nachfolgender und mehrfach aufeinanderfolgender Leerzeichen) dargestellt.

Zum Beispiel trennt die Zeichenkette "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

Specification
Scalable Vector Graphics (SVG) 2
# WhitespaceProcessingXMLSpaceAttribute

Browser-Kompatibilität

BCD tables only load in the browser