CSS の上下左右を覚えるページ

このサイトでもいくつかの CSS が適用されています。設定変更する度に上下左右がわからなくなるので、このページを覚え書きとして残します。

上下左右の記述方法

そもそも「上下左右」と言っているから覚えられないのでした。これからは、12時、3時、6時、9時と時計の針の向きで覚えようと思います。そう言えばよく映画で12時の方向とか言ってましたね。

1. margin: 10px 0px 15px 20px;　→　上、右、下、左
2. margin: 10px 0px 15px;　→　上、左右、下
3. margin: 10px 0px;　→　上下、左右
4. margin: 10px;　→　全方向まとめて指定