CSS3 overflow-y 屬性

2022-06-02 16:28 更新

實例

裁剪 div 元素中內(nèi)容的上/下邊緣 - 如果溢出元素的內(nèi)容區(qū)域的話:

div
{
overflow-y:hidden;
}

親自試一試

瀏覽器支持

所有主流瀏覽器都支持 overflow-y 屬性。

注釋:overflow-y 屬性無法在 IE8 以及更早的瀏覽器正確地工作。

定義和用法

overflow-y 屬性規(guī)定是否對內(nèi)容的上/下邊緣進行裁剪 - 如果溢出元素內(nèi)容區(qū)域的話。

提示:使用 overflow-x 屬性來確定對左/右邊緣的裁剪。

默認值: visible
繼承性: no
版本: CSS3
JavaScript 語法: object.style.overflowY="scroll"

語法

overflow-y: visible|hidden|scroll|auto|no-display|no-content;
描述 測試
visible 不裁剪內(nèi)容,可能會顯示在內(nèi)容框之外。 測試
hidden 裁剪內(nèi)容 - 不提供滾動機制。 測試
scroll 裁剪內(nèi)容 - 提供滾動機制。 測試
auto 如果溢出框,則應該提供滾動機制。 測試
no-display 如果內(nèi)容不適合內(nèi)容框,則刪除整個框。 測試
no-content 如果內(nèi)容不適合內(nèi)容框,則隱藏整個內(nèi)容。 測試
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號