CSS width 属性

CSS width 属性用于设置元素的宽度。width 默认设置内容区域的宽度,但如果 box-sizing 属性被设置为 border-box,就转而设置边框区域的宽度。


实例

设置段落的高度和宽度:

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. img
  5. {
  6. width: 300px
  7. }
  8. </style>
  9. </head>
  10. <body>
  11. <img src="/i/eg_smile.gif">
  12. </body>
  13. </html>

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

属性
width1.04.01.01.03.5

定义和用法

width 属性设置元素的宽度。

min-widthmax-width 属性的优先级高于 width

说明

这个属性定义元素内容区的宽度,在内容区外面可以增加内边距、边框和外边距。

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

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

可能的值

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

相关页面

CSS 教程:CSS 尺寸

CSS 教程:CSS 框模型概述

CSS 参考手册:height 属性

分类导航