CSS overflow 屬性

標籤：style   class   code   java   width   javascript   

執行個體

設定 overflow 屬性：

div  {  width:150px;  height:150px;  overflow:scroll;  }

瀏覽器支援

所有主流瀏覽器都支援 overflow 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit"。

定義和用法

overflow 屬性規定當內容溢出元素框時發生的事情。

說明

這個屬性定義溢出元素內容區的內容會如何處理。如果值為 scroll，不論是否需要，使用者代理程式都會提供一種滾動機制。因此，有可能即使元素框中可以放下所有內容也會出現捲軸。

預設值：	visible
繼承性：	no
版本：	CSS2
JavaScript 文法：	object.style.overflow="scroll"

可能的值

值	描述
visible	預設值。內容不會被修剪，會呈現在元素框之外。
hidden	內容會被修剪，並且其餘內容是不可見的。
scroll	內容會被修剪，但是瀏覽器會顯示捲軸以便查看其餘的內容。
auto	如果內容被修剪，則瀏覽器會顯示捲軸以便查看其餘的內容。
inherit	規定應該從父元素繼承 overflow 屬性的值。