CSS overflow-y 属性

定义和用法

overflow-y 属性规定是否对内容的上/下边缘进行裁剪 - 如果溢出元素内容区域的话。

提示：使用 overflow-x 属性来确定对左/右边缘的裁剪。

CSS 教程：CSS 溢出

HTML DOM 参考手册：overflowY 属性

实例

裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话：

div
{
overflow-y:hidden;
}

亲自试一试

CSS 语法

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

属性值

值 描述 Test
visible 不裁剪内容，可能会显示在内容框之外。 Test
hidden 裁剪内容 - 不提供滚动机制。 Test
scroll 裁剪内容 - 提供滚动机制。 Test
auto 如果溢出框，则应该提供滚动机制。 Test
no-display Itong kahon ay dapat alisin kung hindi ito angkop sa kahon ng nilalaman. Test
no-content Itong lahat ng nilalaman ay hindi dapat ipakita kung hindi ito angkop sa kahon ng nilalaman. Test

Technical details

Default value: visible
Inheritsibility: hindi
Bersyon: CSS3
JavaScript syntaxa: object.style.overflowY="scroll"

Suporta ng browser

Ang numero sa talahanayan ay naglalarawan ng kauna-unahang bersyon ng browser na ganap na sumusuporta sa katangian na iyon.

Ang numero na may -ms- ay nangangahulugang gumagamit ng unang bersyon na may prefix.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5