overflow

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das overflow-Attribut legt fest, was zu tun ist, wenn der Inhalt eines Elements zu groß ist, um in seinen Block-Formatierungskontext zu passen.

Dieses Attribut hat dieselben 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. ein Beschneidungsrechteck wird nicht erstellt).
Wenn die overflow-Eigenschaft den Wert hidden oder scroll hat, wird ein Clip in der exakten Größe des SVG-Anzeigebereichs angewendet.
Wenn scroll auf einem <svg>-Element angegeben ist, wird normalerweise eine Bildlaufleiste oder ein Panner für den SVG-Anzeigebereich angezeigt, unabhängig davon, ob ein Teil seines Inhalts beschnitten ist oder nicht.
Innerhalb von SVG-Inhalten impliziert der Wert auto, dass alle gerenderten Inhalte von Kindelementen sichtbar sein müssen, entweder durch einen Scrollmechanismus 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>- und das <marker>-Element, um standardmäßig ausgeblendet zu werden.

Hinweis: Als Präsentationsattribut hat overflow auch ein entsprechendes CSS-Eigenschaftsgegenstück: overflow. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

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>

Nutzungshinweise

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

Für eine Beschreibung der Werte schauen Sie bitte die CSS-Eigenschaft overflow an.

Spezifikationen

Spezifikation
CSS Overflow Module Level 3 # propdef-overflow
Scalable Vector Graphics (SVG) 2 # OverflowAndClipProperties

Browser-Kompatibilität

Siehe auch

CSS overflow Eigenschaft

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden