CSS width 属性

CSS 参考手册

实例

设置段落的高度和宽度：

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

亲自试一试

浏览器支持

IE Firefox Chrome Safari Opera

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

注释：任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

定义和用法

width 属性设置元素的宽度。

说明

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

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

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

可能的值

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

TIY 实例

使用像素值来设置元素的宽度
本例演示如何使用像素值来设置元素的宽度。
使用百分比来设置元素的宽度
本例演示如何使用百分比值来设置元素的宽度。

相关页面

CSS 教程：CSS 尺寸

CSS 教程：CSS 框模型概述

CSS 参考手册：height 属性

HTML DOM 参考手册：width 属性

CSS 参考手册

VUE