[CSS] width 属性

width 属性

原文链接： CSS width 属性

实例

设置段落的高度和宽度：

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

在 jsrun 上查看示例

浏览器支持

IE	Firefox	Chrome	Safari	Opera
支持	支持	支持	支持	支持

所有主流浏览器都支持 width 属性。

注释： 任何版本的 Internet Explorer (包括 IE8 ) 都不支持属性值 “inherit”。

定义和用法

width 属性设置元素的宽度。

说明

这个属性定义元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距。
行内非替换元素会忽略这个属性。

默认值： auto
继承性： no
版本： CSS1
JavaScript 语法： object.style.width=“50px”

行内非替换元素会忽略这个属性

span {
  display: inline;
  border: 1px solid red;
  height: 200px;
}

在 jsrun打开示例

可能的值

值	描述	测试
auto	默认值。浏览器可计算出实际的宽度。
length	使用 px、cm 等单位定义宽度。
%	定义基于包含块(父元素) 宽度的百分比宽度。	测试
inherit	规定应该从父元素继承 width 属性的值。