overflow

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 Wert hidden oder scroll 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.

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

• <foreignObject>
• <image>
• <marker>
• <pattern>
• <symbol>
• <svg>
• <text>

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>