CSS width 屬性
定義和用法
width 屬性設置元素的寬度。
說明
這個屬性定義元素內容區的寬度，在內容區外面可以增加內邊距、邊框和外邊距。
行內非替換元素會忽略這個屬性。
| 默認值： | auto |
|---|---|
| 繼承性： | no |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.width="50px" |
實例
設置段落的高度和寬度：
p { height:100px; width:100px;} 瀏覽器支持
所有主流瀏覽器都支持 width 屬性。
注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| auto | 默認值。瀏覽器可計算出實際的寬度。 |
| length | 使用 px、cm 等單位定義寬度。 |
| % | 定義基于包含塊（父元素）寬度的百分比寬度。 |
| inherit | 規定應該從父元素繼承 width 屬性的值。 |
TIY 實例
- 使用像素值來設置元素的寬度
- 本例演示如何使用像素值來設置元素的寬度。
- 使用百分比來設置元素的寬度
- 本例演示如何使用百分比值來設置元素的寬度。
相關頁面
CSS 教程：CSS 尺寸
CSS 教程：CSS 框模型概述
CSS 參考手冊：height 屬性
HTML DOM 參考手冊：width 屬性
