CSS - サイジングにはどのような順序が入りますか。

Question

これはどのような順序ですか？

div{ 
    margin:0px 0px 13px 0px; 
} 

13pxの効果はどの辺にありますか？

また、私はすべてのpxを必要としますか？

私はこれを行うことができますか？

div{ 
    margin:0 0 13 0; 
} 

Answer 1

この順序は、上、右、下、左です。たとえば：margin-topとmargin-bottomが10pxに等しい：

div { 
    margin: 10px 20px; 
} 

は以下の意味：

div { 
    margin: 1px 2px 3px 4px; 
} 

あなたはまた、唯一の2のプロパティを指定することができ、例えば

div { 
    margin-top: 1px; 
    margin-right: 2px; 
    margin-bottom: 3px; 
    margin-left: 4px; 
} 

に等しく、 margin-leftおよびmargin-rightは、20pxに等しい。

div { 
    margin: 1px 2px 3px; 
} 

をそして、それはに等しい：：

また、このように、3つの値を指定することができますあなたは既にmargin: 1pxが1pxにすべての4つのマージンを設定します知っているよう

div { 
    margin-top: 1px; 
    margin-right: 2px; 
    margin-bottom: 3px; 
    margin-left: 2px; 
} 

と。

あなたが0でない数をspecifuingとき、あなたはpxや%を指定する必要がありますというように、しかし、あなたは0を指定すると、それだけで0することができ、それはOKです。ご例えば

Answer 2

：

div{ 
    margin:0px 0px 13px 0px; 
} 

13pxの下マージンのためです。これは、margin:top right bottom leftのように見ることができます。

---

あなたは1値指定することができます。

div{ 
    margin:5px; /*all the sides will be equal to 5px*/ 
} 

をまた2値指定することができます。

：

div{ 
    margin:5px 10px; /*5px for bottom/top and 10px for left/right*/ 
} 

をまた3値を指定することができます0に等しくない値を使用する場合

div{ 
    margin:5px 20px 10px; /*5px for top, 10px for bottom and 20px for left/right*/ 
} 

それは（それも0でユニットを追加しないことをお勧めします）TUがPX又は別の単位を使用するが、0 ことは必須ない必須です。

---

また、デバッグするために、あなたのbroswerの開発ツールを使用して、このような値は表示されることがあります。詳細については、このlinkに従ってください

を