css記述についての質問です。marginやpaddingの横に、0

質問

css記述についての質問です。marginやpaddingの横に、0　10px　10px　5pxとありますが、どれが、上または下で、どれが、左、右か教えてください。その都度、違うようで混乱しています。よろしくお願い致します。

回答No.2

raedygo · ベストアンサー

>>その都度、違うようで混乱しています
というのはもしかすると、略式の記述が入り交じっている可能性もあるかと思ったので、補足します。

【４つ指定】
margin: 0 10px 10px 5px　だと
margin: 上、右、下、左　の時計回りですが

【略式３つ】
margin: 0 10px 5px　の場合は、
margin: 0(上)、10px(左右)、5px(下)　となって

【略式２つ】
margin: 0 10px　の場合は、
margin: 0(上下)、10px(左右)　となります。

【略式１つ】
margin: 10px　は、
margin: 10px(上下左右)

お礼

ありがとうございました。略式ではないのですが、その都度違うようだったのですが、丁寧だったので、ベストアンサーに決定させていただきました。

回答No.1

kenny3159

CSSですね。
margin: 0 10px 10px 5px;　となっている時は、
margin: 上　右　下　左　を指しています。
ちょうど時計回りで 上⇒右⇒下⇒左 の順になっています。