今さら聞けない、スタイルシートで余白(padding)やマージン(margin)の値の数による上下左右の指定方向はどういう順番?

HTMLやCSSは、どうもいまひとつ理解に乏しいのですが、いざブログをカスタマイズしようとすると、ちょっとしたことでも、やはりそれなりにHTMLやCSSをいじる必要があるので、分からないとばかりは言ってられないですよね。

で、曖昧に覚えていてよく混乱するのが、スタイルシートで余白(padding)やマージン(margin)といったプロパティの値をまとめて指定している際、上下左右はどういう順番になっているのか。

ということで、自分のための備忘録ですが、値の数による上下左右の指定方向の順番は次のようになってますね。

padding: ●px 上下左右まとめて
padding: ●px ●px 上下・左右
padding: ●px ●px ●px 上・左右・下
padding: ●px ●px ●px ●px 上・右・下・左

ちなみに、個別指定の場合だと、margin-top、margin-right、margin-bottom、margin-leftといったプロパティを用いることになりますね。

ということで、スタイルシートは、なんだかんだ言っても自分の思い通りのイメージにブログをカスタマイズするためには、避けては通れないので、分からないなりにも、せめてこんなのがあったというのは、頭に入れておきたいですね。