css padding简写方式

如果四边的值都存在

 

padding:1px2px3px4px;

等效于:

padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:4px;

 

 

如果四边的值省略一个,只写三个

 

padding:1px2px3px;

则等效于:

padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:2px;(
省略的“左”值等于“右”)

 

如果四边的值省略两个

 

padding:1px2px;

则等效于:

padding-top:1px;
padding-right:2px;
padding-bottom:1px;
padding-left:2px;(
省略的“下”值等于“上”)

 

如果只有一个值:

 

padding:1px;

则等效于:

padding-top:1px;
padding-right:1px;
padding-bottom:1px;
padding-left:1px;

 

 

文章转载自:    css padding简写     http://www.studyofnet.com/news/275.html   

你可能感兴趣的:(css,padding简写,css,padding)