Latest web development tutorials

HTML DOM Style overflowX 屬性

Style 對象參考手冊 Style對象

實例

如果文本溢出元素的內容區域,則提供水平滾動:

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

嘗試一下»

定義和用法

overflowX 屬性規定是否對內容的左/右邊緣進行裁剪- 如果內容溢出元素的內容區域。

提示:請使用overflowY屬性來確定對上/下邊緣的裁剪。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持overflowX 屬性。

注意: overflowX屬性在IE8及其之前的版本中不起作用。


語法

返回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


相關文章

CSS參考手冊: overflow-x屬性


Style 對象參考手冊 Style對象