Style overflow 屬性

定義和用法

overflow 屬性設置或返回如何處理呈現在元素框之外的內容。

提示：如果要隱藏整個文檔的滾動條，請使用 body 或 html 元素的 overflow 屬性。

另請參閱：

CSS 教程：CSS 溢出

CSS 教程：CSS 定位

CSS 參考手冊：overflow 屬性

實例

例子 1

使用 overflow 屬性滾動溢出的內容：

document.getElementById("myDIV").style.overflow = "scroll";

親自試一試

例子 2

使用 overflow 屬性隱藏溢出的內容：

document.getElementById("myDiv").style.overflow = "hidden";

親自試一試

例子 3

返回 overflow 屬性：

alert(document.getElementById("myDiv").style.overflow);

親自試一試

語法

返回 overflow 屬性：

object.style.overflow

設置 overflow 屬性：

object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"

屬性值

值 描述
visible 內容不會被剪裁，可能會呈現在元素框之外。默認。
hidden 不顯示元素框外的內容。
scroll 添加滾動條，必要時剪裁內容。
auto 必要時剪切內容并添加滾動條。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： visible
返回值： 字符串，表示在元素框外渲染的內容。
CSS 版本： CSS2

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持