CSS width 属性

定義和用法

width 屬性設定元素的寬度。

說明

這個屬性定義元素內容區的寬度，在內容區外面可以增加內邊距、邊框和外邊距。

行內非替換元素會忽略這個屬性。

另請參考：

CSS 教程：CSS 尺寸

CSS 教程：CSS รูปแบบโครงสร้าง

CSS 參考手冊：height 屬性

HTML DOM 參考手冊：width 屬性

實例

設定段落的高度和寬度：

p
  {
  height:100px;
  width:100px;
  }

親自試試

CSS 語法

width: auto|value|initial|inherit;

屬性值

值 描述
auto 默認值。瀏覽器可計算出實際的寬度。
length 使用 px、cm 等單位定義寬度。
% 定義基於包含塊（父元素）寬度的百分比寬度。
inherit 規定應該從父元素繼承 width 屬性的值。

技術細節

默認值： auto
繼承性： no
版本： CSS1
JavaScript 語法： object.style.width="50px"

TIY 實例

使用像素值來設定元素的寬度
本例演示如何使用像素值來設定元素的寬度。
使用百分比來設定元素的寬度
本例演示如何使用百分比來設定元素的寬度。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5