CSS中padding属性的参数顺序

CSS中padding属性的参数顺序

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

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

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

Test{padding:10px 12px 14px}

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

Test{padding: 10px 12px}

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

Test{padding:10px;}

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

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