CSS width属性

  • 定义和用法

    width属性设置元素的宽度。元素的宽度不包括paddingbordermargin
    注意min-widthmax-width属性重写width属性。
    特征 说明
    默认值 auto
    继承 没有
    动画 有。CSS动画参考
    CSS版本 CSS1
    JavaScript语法 object.style.width="500px"尝试一下
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    属性 IE/Edge Chrome FireFox Safari Opera
    属性名称
    width
    4.0
    1.0
    1.0
    1.0
    3.5
  • CSS语法

    width: auto|value|initial|inherit;
  • 实例

    设置三个<div>元素的宽度:
    div.a {
     width: auto;
     border: 1px solid black;
    }
    
    div.b {
     width: 150px;
     border: 1px solid black; 
    }
    
    div.c {
     width: 50%;
     border: 1px solid black; 
    }
    
    尝试一下
  • 属性值

    属性值 描述
    auto 默认值。 浏览器计算宽度
    length 以px,cm等定义宽度。读取长度单位
    % 定义包含块的宽度(以百分比表示)
    initial 将此属性设置为其默认值。查看initial关键字
    inherit 从其父元素继承此属性。查看inherit关键字
  • 相关页面

    HTML教程:HTML样式
    CSS教程:CSS宽度和高度