首页 > 代码库 > 5_常见样式-padding

5_常见样式-padding

  首先,padding这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。

  注意,padding不允许指定负边距值。

  “padding”内填充(内边距)是在在元素的边框以里,内容以外产生一个距离,用来控制元素和内容之间的距离,且padding区域可以显示元素背景。而元素的可视宽度(即元素可以被看到的部分的宽度),
     可视宽度 = padding + width + border;

  padding的多值写法:
              两个值: (上下) (左右);
              三个值: (上) (左右) (下);
              四个值: (上) (右) (下) (左);
      

    padding-top
    padding-right
    padding-bottom
    padding-left    

 

5_常见样式-padding