overflow

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Das overflow-Attribut legt fest, was zu tun ist, wenn der Inhalt eines Elements zu groß ist, um in seinen Blockformatierungskontext zu passen. Diese Funktion ist noch nicht weit verbreitet implementiert.

Dieses Attribut hat dieselben Parameterwerte und Bedeutungen wie die CSS-overflow-Eigenschaft, jedoch gelten die folgenden zusätzlichen Punkte:

Wenn es den Wert visible hat, hat das Attribut keine Wirkung (d. h., ein Clipping-Rechteck wird nicht erstellt).
Hat die overflow-Eigenschaft den Wert hidden oder scroll, wird ein Clip in genau der Größe des SVG-Viewports angewendet.
Beim <svg>-Element wird normalerweise, wenn scroll angegeben ist, ein Bildlauf oder Panner für den SVG-Viewport angezeigt, unabhängig davon, ob sein Inhalt beschnitten ist oder nicht.
Innerhalb von SVG-Inhalten impliziert der Wert auto, dass aller gerenderter Inhalt für Kindelemente sichtbar sein muss, entweder durch einen Bildlaufmechanismus oder durch Rendern ohne Clip.

Hinweis: Obwohl der Anfangswert für overflow auto ist, wird er im User-Agent-Stylesheet für das <svg>-Element überschrieben, wenn es nicht das Wurzelelement eines eigenständigen Dokuments ist, sowie für das <pattern>-Element und das <marker>-Element, sodass diese standardmäßig versteckt sind.

Hinweis: Als Präsentationsattribut kann overflow als CSS-Eigenschaft verwendet werden. Weitere Informationen finden Sie in der CSS-overflow-Eigenschaft.

Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:

Beispiel

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

html

<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg" overflow="auto">
  <text y="20">
    This text is wider than the SVG, so there should be a scrollbar shown.
  </text>
</svg>

Anwendungshinweise

Wert	`visible` \| `hidden` \| `scroll` \| `auto`
Standardwert	`visible`
Animierbar	Ja

Für eine Beschreibung der Werte siehe die CSS-overflow-Eigenschaft.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2 # OverflowAndClipProperties

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

overflow