共用方式為


overflow

設定值,指出內容超過物件的高度或寬度時,如何管理物件的內容。

語法

{ overflow: sOverflow }

可能的值

sOverflow

指定或接收下列其中一個值的字串:

visible

預設值。不會裁剪內容,也不會加入捲軸。

auto

會裁剪內容,但只有在必要時加入捲軸。

hidden

不顯示超出物件尺寸的內容。

scroll

會裁剪內容,並且會加入捲軸,即使內容未超出物件尺寸也是如此。

對於所有物件,此屬性的預設值為 visible,但是 textarea 的預設值為 auto。此屬性不是繼承屬性。

備註

BODY 元素的預設值為 auto

textarea 物件的 overflow 屬性設定為 hidden 會隱藏其捲軸。

overflow 屬性設定為 visible,會將內容裁剪為包含物件的視窗或框架大小。

範例

下列範例使用 overflow 屬性來管理物件的內容。此範例使用內嵌樣式,在載入網頁時自行自動調整為溢出內容:

<div id=odiv style="width: 200px; height: 200px; overflow: auto;">
:
</div>

在此範例中,使用者可以從 SELECT 物件選擇其中一個可能的 overflow 值,動態變更 DIV 物件的 overflow 屬性。

<script>
function SetOverflow(o, svalue )
{
    o.style.overflow = svalue ;
}
</script>

<div id="div1" 
    style="font-size:18pt;background-color:yellow;height:50px;width:75px">
The quick brown fox jumps over the lazy dog.
</div>

<select onchange="SetOverflow(div1,
    this.options[this.selectedIndex].text)">
<option selected>visible
<option>scroll
<option>hidden
<option>auto
</select>

標準資訊

此屬性是在階層式樣式表 (CSS) 層級 2 (CSS2) (英文) 中定義。

適用於

A、ABBR、ACRONYM、ADDRESS、APPLET、B、BDO、BIG、BLOCKQUOTE、BODY、CENTER、CITE、CODE、COL、COLGROUP、CUSTOM、DD、DEFAULTS、DEL、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FONT、FORM、HTML、HN、I、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、INS、LI、OL、P、Q、RT、RUBY、S、SPAN、SUB、TT、U、UL、VAR、XMP

請參閱

概念

position