Style overflowX 屬性

定義和用法

overflowX 屬性規定如何處理內容的左/右邊緣 - 如果它溢出元素的內容區域。

提示：請使用 overflowY 屬性 來確定上和下邊緣的剪裁。

另請參閱：

CSS 參考手冊：overflow-x 屬性

實例

如果文本溢出元素的內容區域，則水平滾動：

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

親自試一試

語法

返回 overflowX 屬性：

object.style.overflowX

設置 overflowX 屬性：

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

屬性值

值 描述
visible 內容沒有被剪裁，可能會渲染到內容框外。
hidden 內容被剪裁 - 不提供滾動機制。
scroll 內容被剪裁并提供滾動機制。
auto 如果溢出框，則應該提供滾動機制。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： visible
返回值： 字符串，表示元素的 overflow-x 屬性。
CSS 版本： CSS3

瀏覽器支持

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