CSS overflow-y属性
-
定义和用法
overflow-y属性指定当它在上边缘和下边缘溢出时是否剪切内容,添加滚动条或显示块级元素的溢出内容。提示:使用overflow-x属性确定左部和右部边缘的剪裁。特征 说明 默认值 visible 继承 没有 动画 没有。CSS动画参考 CSS版本 CSS3 JavaScript语法 object.style.overflowY="scroll"尝试一下 -
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。属性 IE/Edge Chrome FireFox Safari Opera 属性名称 overflow-y 9.08.0 -ms-4.03.53.09.5 -
CSS语法
overflow-y: visible|hidden|scroll|auto|initial|inherit; -
实例
显示不同的overflow-y属性值:
尝试一下div.ex1 { overflow-y: scroll; } div.ex2 { overflow-y: hidden; } div.ex3 { overflow-y: auto; } div.ex4 { overflow-y: visible; }
-
属性值
属性值 描述 visible 内容未被剪裁,并且可以在上下边缘之外呈现。 这是默认的 hidden 剪辑内容 - 并且不提供滚动机制 scroll 剪辑内容并提供滚动机制 auto 应该为溢出的盒子提供滚动机制 initial 将此属性设置为其默认值。查看initial关键字 inherit 从其父元素继承此属性。查看inherit关键字 -