width
設定物件的寬度。
語法
{ width: sWidth }
可能的值
sWidth
指定或接收下列其中一個值的變數：
auto |
預設值。物件的預設寬度。 |
percentage |
整數，後面接著百分比符號 (%)。此值為父物件寬度的百分比 (不論是否已明確指定)。不允許負值。 |
width |
浮點數，後面接著絕對單位指示項 ( cm 、 mm 、 in 、 pt 或 pc ) 或相對單位指示項 ( em 、 ex 或 px )。 如需支援之長度單位的詳細資訊，請參閱 長度單位參照。 |
此屬性的預設值為 auto 。這不是繼承屬性。
備註
當您使用 !DOCTYPE 宣告來指定標準相容模式時，此屬性可指定內容方塊左側到右側之間的距離 (即 padding 的範圍)。
當 !DOCTYPE 宣告未指定標準相容模式，且使用舊版的 Internet Explorer 時，此屬性除了包括物件的內容方塊之外，還會包含下列屬性的值： border-left 、 border-right 、 padding-left 和 padding-right 。 width 屬性的值減去這些屬性的值總和，即可得出父物件的內容方塊寬度。
範例
下列範例使用內嵌樣式表來設定影像的寬度：此範例使用 width 屬性來變更物件的寬度：
<div style="position:absolute;top:10px;left:10px;width:1in">
. . . </div>
此範例使用內嵌指令碼以設定發生 onclick 事件時影像的寬度：
<img src="sphere.jpg" onclick="this.style.width='1cm'"
ondblclick="this.style.width=''">
標準資訊
您可以在 World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 (全球資訊網協會 (W3C) 文件物件模組 (DOM) 層級 1) .png "Ee341476.xtlink_newWindow(zh-tw,Expression.40).png")
和 Cascading Style Sheets (CSS), Level 1 (CSS1) (階層式樣式表 (CSS) 層級 1 (CSS1)) 找到此屬性的定義。
適用範圍
a, abbr, acronym, address, applet, b, bdo, big, blockquote, button, caption, center, cite, code, custom, dd, del, dfn, div, dl, dt, em, fieldset, font, form, hn, hr, i, ins, li, ol, option, p, q, rt, ruby, s, select, span, sub, tt, u, ul, var, xmp