width

  • 版本:CSS1
  • 媒体:视觉
width属性在CSS尺寸中是比较常用的,本文将带你深入理解width属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上width的演示案例,希望能够对你有所帮助。

width的具体语法

width<length> | <percentage> | auto

默认值auto

适用于:除非置换内联元素,table-row, table-row-group之外的所有元素

继承性:无

动画性:当值为<length> | <percentage>

计算值:指定的值

width的取值介绍

auto:
无特定宽度值,取决于其它属性值
<length>
用长度值来定义宽度。不允许负值
<percentage>
用百分比来定义宽度。百分比参照包含块宽度。不允许负值

width的使用说明

检索或设置对象的宽度。
  • 对于img对象来说,仅指定此属性,其height值将根据图片源尺寸等比例缩放。
  • 对于盒模型规则,请参阅box-sizing属性。
  • 对应的脚本特性为width

width的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0 1.0 1.0 1.0 3.5

width的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册