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 物件選擇其中一個可能的溢位值,動態變更 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>

標準資訊

您可以在 Cascading Style Sheets (CSS), Level 2 (CSS2) (階層式樣式表 (CSS) 層級 2 (CSS2)) Ee371234.xtlink_newWindow(zh-tw,Expression.40).png 找到此屬性的定義。

適用範圍

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