CSS中屬性Padding的參數個數定義

一直弄不明白padding屬性的值的設定

今兒算是弄明白了

例如：
body { padding: 36px;}
body { padding: 36px 24px; }

body { padding: 36px 24px 18px; }
body { padding: 36px 24px 18px 12px; }

查看了CSS的標準文檔，其中是這樣規定的：

 
如果只提供一個，將用於全部的四條邊；
如果提供兩個，第一個用於上－下，第二個用於左－右；

如果提供三個，第一個用於上，第二個用於左－右，第三個用於下；
如果提供全部四個參數值，將按上－右－下－左的順序作用於四邊。

 
body { padding: 36px;}                               
//對象四邊的補丁邊距均為36px
body { padding: 36px 24px; }                      
//上下兩邊的補丁邊距為36px，左右兩邊的補丁邊距為24px
body { padding: 36px 24px 18px;
}               //上、下兩邊的補丁邊距分別為36px、18px，左右兩邊的補丁邊距為24px
body { padding: 36px
24px 18px 12px; }       //上、右、下、左補丁邊距分別為36px、24px、18px、12px