width

设置对象的宽度。

语法

{ width: sWidth }

可能的值

sWidth

一个变量,用于指定或接收下列值之一:

auto

默认值。对象的默认宽度。

percentage

整数,后跟百分号 (%)。此值无论是否显式指定,均为占父对象宽度的百分比。不允许为负值。

width

浮点数,后跟绝对单位指示符(cmmminptpc)或相对单位指示符(emexpx)。

有关支持的长度单位的详细信息,请参阅长度单位参考

该属性的默认值为 auto。该属性不会被继承。

注解

从 Microsoft Internet Explorer 6 开始,当您使用 !DOCTYPE 声明来指定标准兼容模式时,此属性会指定内容框的左边缘和右边缘之间的距离,也即在 padding 内的距离。

在 !DOCTYPE 声明未指定标准兼容模式时,以及在 Internet Explorer 的早期版本中,此属性包含对象的内容框,以及以下属性的值:border-leftborder-rightpadding-leftpadding-right。从 width 属性的值减去这些属性值的和将得到父对象的内容框宽度。

示例

以下示例使用嵌入式样式表设置图像的宽度。此示例使用 width 属性来更改对象的宽度:

<div style="position:absolute;top:10px;left:10px;width:1in">
. . . </div>

本示例使用内联脚本在 onclick 事件发生时设置图像的宽度:

<img src="sphere.jpg" onclick="this.style.width='1cm'"
    ondblclick="this.style.width=''">

标准信息

此属性在 World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1(万维网协会 (W3C) 文档对象模型 (DOM) 第 1 级)和 Cascading Style Sheets (CSS), Level 1 (CSS1)(级联样式表 (CSS),第 1 级 (CSS1))中定义。

应用于

A、ABBR、ACRONYM、ADDRESS、APPLET、B、BDO、BIG、BLOCKQUOTE、BUTTON、CAPTION、CENTER、CITE、CODE、CUSTOM、DD、DEL、DFN、DIV、DL、DT、EM、FIELDSET、FONT、FORM、HN、HR、I、INS、LI、OL、OPTION、P、Q、RT、RUBY、S、SELECT、SPAN、SUB、TT、U、UL、VAR、XMP

另请参见

概念

填充边距

border-left

border-right

padding-left

padding-right