Style overflowX 屬性
實例
如果文本溢出元素的內(nèi)容區(qū)域,則提供水平滾動:
document.getElementById("myDIV").style.overflowX="scroll";
嘗試一下 ?
定義和用法
overflowX 屬性規(guī)定是否對內(nèi)容的左/右邊緣進行裁剪 - 如果內(nèi)容溢出元素的內(nèi)容區(qū)域。
提示:請使用 overflowY 屬性來確定對上/下邊緣的裁剪。
瀏覽器支持
所有主流瀏覽器都支持 overflowX 屬性。
注意:overflowX 屬性在 IE8 及其之前的版本中不起作用。
語法
返回 overflowX 屬性:
object.style.overflowX
設(shè)置 overflowX 屬性:
object.style.overflowX="visible|hidden|scroll|auto|initial|inherit"
屬性值
值 | 描述 |
---|---|
visible | 不裁剪內(nèi)容,可能會顯示在內(nèi)容框之外。 |
hidden | 裁剪內(nèi)容,且不提供滾動機制。 |
scroll | 裁剪內(nèi)容,且提供滾動機制。 |
auto | 如果溢出框,則應(yīng)該提供滾動機制。 |
initial | 設(shè)置該屬性為它的默認值。請參閱 initial。 |
inherit | 從父元素繼承該屬性。請參閱 inherit。 |
技術(shù)細節(jié)
默認值: | visible |
---|---|
返回值: | 字符串,表示元素的 overflow-x 屬性。 |
CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊:overflow-x 屬性
更多建議: