📜  CSS 宽度属性

📅  最后修改于: 2021-08-31 02:24:16             🧑  作者: Mango

CSS 中的 width 属性用于设置文本、图像的宽度。宽度可以以像素(px)、百分比(%)、厘米(cm)等形式分配给文本和图像。宽度属性不包含填充、边框或边距。

句法:

width: auto | value | initial | inherit;

属性值:

1. auto:用于将width属性设置为其默认值。如果 width 属性设置为 auto 则浏览器计算元素的宽度。

句法:

width: auto;

例子:



  

    
        CSS width Property
    
    

  

    

        CSS width Property     

    

        This is an example of          auto width property     

  

输出:

2. 值:用于以像素(px)、百分比(%)、厘米(cm)等形式设置宽度,宽度不能为负数。

句法:

width: value;

例子:



  

    
        CSS Width Property
    
    

  

    

        CSS width Property     

    

        An example of width property          in form of pixels.     

    

        An example of width property          in form of percentage.     

  

输出:

3. initial:用于设置width属性为其默认值。

句法:

width: initial;

例子:



  

    
        CSS Width Property
    
    

  

    

        CSS width Property     

    

        An example of width property         for its initial width value.     

  

输出:

4.继承:用于从其父元素设置宽度属性。

支持的浏览器:

  • 谷歌浏览器 1.0
  • 浏览器 4.0
  • 火狐 1.0
  • Safari 1.0
  • 歌剧 3.5