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 passiert, 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 die gleichen Parameterwerte und Bedeutungen wie die CSS-Eigenschaft overflow
, jedoch gelten die folgenden zusätzlichen Punkte:
- Wenn es den Wert
visible
hat, hat das Attribut keine Wirkung (d. h., es wird kein Clipping-Rechteck erstellt). - Wenn die
overflow
-Eigenschaft den Werthidden
oderscroll
hat, wird ein Clip in der exakten Größe des SVG-Ansichtsfensters angewendet. - Wenn
scroll
für ein<svg>
-Element angegeben wird, wird normalerweise eine Bildlaufleiste oder ein Panner für das SVG-Ansichtsfenster angezeigt, unabhängig davon, ob ein Teil des Inhalts abgeschnitten ist oder nicht. - Innerhalb von SVG-Inhalten bedeutet der Wert
auto
, dass alle gerenderten Inhalte für Kindelemente sichtbar sein müssen, entweder durch einen Bildlaufmechanismus oder durch Rendering ohne Clip.
Hinweis:
Obwohl der Anfangswert für overflow
auto
ist, wird er im User-Agent-Stylesheet für das <svg>
-Element (wenn es nicht das Stamm-Element eines eigenständigen Dokuments ist), das <pattern>
-Element und das <marker>
-Element standardmäßig auf hidden
überschrieben.
Hinweis:
Als Präsentationsattribut hat overflow
auch ein entsprechendes CSS-Eigenschaftsgegenstück: overflow
. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.
Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:
Beispiel
<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>
Hinweise zur Verwendung
Wert |
visible | hidden | scroll |
auto
|
---|---|
Standardwert | visible |
Animierbar | Ja |
Für eine Beschreibung der Werte siehe die CSS-Eigenschaft overflow
.
Spezifikationen
Specification |
---|
CSS Overflow Module Level 3 # propdef-overflow |
Scalable Vector Graphics (SVG) 2 # OverflowAndClipProperties |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
overflow |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
Siehe auch
- CSS
overflow
-Eigenschaft