代码改变世界

CSS中padding属性的参数顺序

2010-07-09 11:36  微软一点都不软  阅读(678)  评论(0编辑  收藏  举报

Padding属性是在网站建设的过程中是必不可少的,它的主要作用就是设定对象四边的补丁边距,padding可以说给我们带来的麻烦不少,最大的一个就是浏览器兼容性问题,这里先抛开这个不说了,单来分析一下padding中参数属性的作用规则,也就是哪个参数对应哪个补丁,从例子说起。

test{padding:10px 12px 14px 16px}

这里所有的参数都有了,那么它们的作用顺序是上右下左。

Test{padding:10px 12px 14px}

这里有3个参数,那么它们的作用顺序是第一个参数是用于上方,第二个参数是用于左右方向,第三个参数是用于下方。

Test{padding: 10px 12px}

这里是只有2个参数的时候,第一个参数是作用于上下方向,第二个参数是左右方向。

Test{padding:10px;}

只有一个参数的时候,是作用于四个方向。

小小整理,如果不当之处请大家指正.