width

語法:

width<length> | <percentage> | auto

預設值auto

適用於:除非置換內聯元素,table-row, table-row-group之外的所有元素

繼承性:無

動畫性:當值為 <length> | <percentage>

計算值:指定的值

媒 體:視覺

取值:

auto:
無特定寬度值,取決於其它屬性值
<length>
用長度值來定義寬度。不允許負值
<percentage>
用百分比來定義寬度。百分比參照包含塊寬度。不允許負值

說明:

定義元素的寬度。
  • 對於img元素來說,若僅指定此屬性,其height值將會根據圖片源尺寸進行等比例縮放。
  • width屬性是盒模型的重要組成部分,對於盒模型規則,請參閱box-sizing屬性。
  • 對應的腳本特性為:width

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例: