CSSパディングの3番目の値は何ですか？

Question

私はLess Framework 3で遊んでいると私はCSSでこの行を見て：padding: 0は

body { 
    padding: 60px 42px 0; 
    width: 396px; 
} 

何をするのでしょうか？

これは、通常のCSSの短縮形のように見えない、とtop-right-bottomは奇妙なようです。

Answer 1

paddingおよびmarginプロパティは、top right bottom leftを指定します。
leftを省略すると、デフォルトはrightになります。

したがって、padding: a b cはpadding: a b c bと等価です。 bottomも省略されている場合は

、それはtopにデフォルト設定されます。
したがって、padding: a bはpadding: a b a bに相当します。

rightがでもあり、が省略されている場合は、すべての4面に単一の値が使用されます。
したがって、padding: aはpadding: a a a aに相当します。

Answer 2

3つの値を指定すると、4番目の値、つまりパディングに暗黙的に2番目の値が使用されます。60px 42px 0 42px。

Answer 3

4つの厚さの値を指定するときは、3つの省略形があります。これらのショートカットは、マージン、アウトライン、境界線などの同様のプロパティにも適用されます。

margin: 10px; 
/*same as*/ 
margin: 10px 10px 10px 10px; 

...すべての4面の利用10pxのを意味します

1つの値を指定します。

margin: 10px 15px; 
/*same as*/ 
margin: 10px 15px 10px 15px; 

...上部と下部に10px、左右に15pxを使用することを意味します。

margin: 10px 15px 20px; 
/*same as*/ 
margin: 10px 15px 20px 15px; 

は...トップ、左と右のための15ピクセル、下のために20ピクセルの利用10pxのを意味しています。

Answer 4

これまでW3Schoolによって最もよく説明： - http://www.w3schools.com/css/css_padding.asp

をので、ここでそれがどのように動作するかです：

パディングプロパティは、4つの値を持っている場合：パディングプロパティがある場合は

padding: 25px 50px 75px 100px; 
    top padding is 25px 
    right padding is 50px 
    bottom padding is 75px 
    left padding is 100px 

を3つの値：

padding: 25px 50px 75px; 
    top padding is 25px 
    right and left paddings are 50px 
    bottom padding is 75px 

パディングプロパティは、一つの値がある場合

padding: 25px 50px; 
    top and bottom paddings are 25px 
    right and left paddings are 50px 

：電子パディングプロパティは、2つの値はい

padding: 25px; 
    all four paddings are 25px