最新的Web開發教程
 

Style overflow Property

<Style對象

例

使用overflow屬性滾動溢出的內容：

document.getElementById("myDIV").style.overflow = "scroll";
試一試»

定義和用法

overflow屬性設置或返回如何處理呈現在元素框之外的內容。

Tip:如果你想隱藏整個文檔的滾動條，使用overflow屬性對身體或html元素。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

overflow屬性所有主流瀏覽器的支持。

句法

返回overflow屬性：

object .style.overflow

設置overflow屬性：

object .style.overflow="visible|hidden|scroll|auto|initial|inherit"

屬性值

值 描述
visible 含量沒有限幅，並且可以示出的元件外箱。 這是默認
hidden 該元件外箱的內容未示出
scroll 滾動條的添加，以及內容被剪輯在必要時
auto 內容被削去，並且添加滾動條必要時
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值： 可見
返回值： 一個字符串，表示內容呈現的元件外箱
CSS版本 CSS2

更多示例

例

使用overflow屬性來隱藏溢出的內容：

document.getElementById("myDiv").style.overflow = "hidden";
試一試»

例

返回overflow屬性：

alert(document.getElementById("myDiv").style.overflow);
試一試»

相關頁面

CSS教程： CSS定位

CSS參考： overflow property

<Style對象