Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
overflow
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Dasoverflow-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 die gleichen Parameterwerte und Bedeutungen wie die CSS-Eigenschaftoverflow, jedoch gelten die folgenden zusätzlichen Punkte:
- Hat es den Wert
visible, hat das Attribut keine Wirkung (d.h. ein Clip-Rechteck wird nicht erstellt). - Wenn die
overflow-Eigenschaft den Werthiddenoderscrollhat, wird ein Clip von genau der Größe des SVG-Viewports angewendet. - Wenn
scrollfür ein<svg>-Element angegeben ist, wird normalerweise ein Scrollbalken oder ein Panner für den SVG-Viewport angezeigt, unabhängig davon, ob ein Teil des Inhalts beschnitten ist oder nicht. - Innerhalb von SVG-Inhalten impliziert der Wert
auto, dass alle gerenderten Inhalte für Kindelemente entweder durch einen Scrollmechanismus sichtbar sein müssen oder durch Rendern ohne Clip angezeigt werden.
Hinweis:Obwohl der Anfangswert für overflowauto 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, um standardmäßig verborgen zu sein.
Hinweis:Als Präsentationsattribut hatoverflow auch eine CSS-Eigenschaftsentsprechung:overflow. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.
Dieses Attribut kann mit folgenden SVG-Elementen verwendet werden:
Beispiel
html,body,svg { height: 100%;}<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>Verwendungshinweise
| Wert | visible |hidden |scroll |auto |
|---|---|
| Standardwert | visible |
| Animierbar | Ja |
Für eine Beschreibung der Werte, siehe bitte die CSS-Eigenschaftoverflow.
Spezifikationen
| Specification |
|---|
| CSS Overflow Module Level 3 # propdef-overflow |
| Scalable Vector Graphics (SVG) 2 # OverflowAndClipProperties |
Browser-Kompatibilität
Siehe auch
- CSS
overflow-Eigenschaft