溢位

overflow 屬性設定當元素的內容太大而無法容納在其塊級格式化上下文時該怎麼辦。此功能尚未廣泛實現。

此屬性與 CSS overflow 屬性具有相同的引數值和含義，但是，以下其他要點適用

如果其值為 visible，則該屬性無效（即，不會建立剪輯矩形）。
如果 overflow 屬性的值為 hidden 或 scroll，則應用與 SVG 視口大小完全相同的剪輯。
當在 <svg> 元素上指定 scroll 時，通常會顯示 SVG 視口的捲軸或平移器，無論其內容是否被剪輯。
在 SVG 內容中，值 auto 意味著所有子元素的渲染內容都必須可見，可以透過滾動機制或透過不帶剪輯的渲染來實現。

注意：雖然 overflow 的初始值為 auto，但在使用者代理樣式表中，當 <svg> 元素不是獨立文件的根元素、<pattern> 元素和 <marker> 元素時，預設為隱藏。

注意：作為表示屬性，overflow 可以用作 CSS 屬性。有關更多資訊，請參閱 CSS overflow 屬性。

您可以將此屬性與以下 SVG 元素一起使用

示例

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>

用法說明

值	`visible` \| `hidden` \| `scroll` \| `auto`
預設值	`visible`
可動畫	是

有關值的描述，請參閱 CSS overflow 屬性。

規範

規範
可縮放向量圖形 (SVG) 2 # OverflowAndClipProperties

瀏覽器相容性

BCD 表僅在瀏覽器中載入

另請參閱

溢位