# CSS3 overflow-y 屬性 ## 實例 裁剪 div 元素中內容的左/右邊緣 - 如果溢出元素的內容區域的話： ``` div { overflow-y:hidden; } ``` ## 瀏覽器支持 所有主流瀏覽器都支持 overflow-y 屬性。 注釋：overflow-y 屬性無法在 IE8 以及更早的瀏覽器正確地工作。 ## 定義和用法 overflow-y 屬性規定是否對內容的上/下邊緣進行裁剪 - 如果溢出元素內容區域的話。 提示：使用 [overflow-x](/cssref/pr_overflow-x.asp "CSS3 overflow-x 屬性") 屬性來確定對左/右邊緣的裁剪。 | 默認值： | visible | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS3 | | --- | --- | | JavaScript 語法： | _object_.style.overflowY="scroll" | | --- | --- | ## 語法 ``` overflow-y: visible|hidden|scroll|auto|no-display|no-content; ``` | 值 | 描述 | 測試 | | --- | --- | --- | | visible | 不裁剪內容，可能會顯示在內容框之外。 | [測試](/tiy/c.asp?f=css_overflow-y) | | hidden | 裁剪內容 - 不提供滾動機制。 | [測試](/tiy/c.asp?f=css_overflow-y&p=2) | | scroll | 裁剪內容 - 提供滾動機制。 | [測試](/tiy/c.asp?f=css_overflow-y&p=3) | | auto | 如果溢出框，則應該提供滾動機制。 | [測試](/tiy/c.asp?f=css_overflow-y&p=4) | | no-display | 如果內容不適合內容框，則刪除整個框。 | [測試](/tiy/c.asp?f=css_overflow-y&p=5) | | no-content | 如果內容不適合內容框，則隱藏整個內容。 | [測試](/tiy/c.asp?f=css_overflow-y&p=6) |