CSSのプロパティの順序をいつも忘れる

似非WEBデザイナーですので、プロパティの値の順序と、
上下左右の対応がいつも不安になります。

padding: 0 3px 2px 1px;

とかあっても、パッと思い出せません。未熟者です。
ということで、備忘録。

現場のプロから学ぶXHTML+CSS

１個 => 上下左右

省略

２個 => 上下, 左右

こういうのは

margin: 10px 5px;

これと同じ

margin-top: 10px;
margin-bottom: 10px;
margin-right: 5px;
margin-left: 5px;

３個 => 上, 左右, 下

こういうのは

margin: 10px 5px 15px;

これと同じ

margin-top: 10px;
margin-bottom: 15px;
margin-right: 5px;
margin-left: 5px;

４個 => 上, 右, 下, 左

こういうのは

margin: 10px 5px 0 15px;

これと同じ

margin-top: 10px;
margin-bottom: 0;
margin-right: 5px;
margin-left: 15px;

最後に気づいたんですが、これって上から時計回りで値が設定されるんですね。

おわり。