Style overflowX 属性
Style 对象的 overflowX 属性规定是否对内容的左/右边缘进行裁剪 - 如果内容溢出元素的内容区域
可以使用 overflowY 属性来确定对上/下边缘的裁剪
语法
返回 overflowX 属性
object.style.overflowX
设置 overflowX 属性
object.style.overflowX="visible|hidden|scroll|auto|initial|inherit"
属性值
值 | 描述 |
---|---|
visible | 默认,不裁剪内容,可能会显示在内容框之外 |
hidden | 裁剪内容,且不提供滚动机制 |
scroll | 裁剪内容,且提供滚动机制 |
auto | 如果溢出框,则应该提供滚动机制 |
initial | 设置该属性为它的默认值。可以阅读 initial |
inherit | 从父元素继承该属性。可以阅读 inherit |
返回值
字符串,表示元素的 overflow-x 属性
浏览器支持
所有主流浏览器都支持 overflowX 属性
overflowX 属性在 IE8 及其之前的版本中不起作用
范例
如果文本溢出元素的内容区域,则提供水平滚动
document.getElementById("myDIV").style.overflowX="scroll";
相关知识
CSS 参考手册: overflow-x 属性