読者です 読者をやめる 読者になる 読者になる

黒魔法使いの弟子

Ruby & Javascript & Hack

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

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

padding: 0 3px 2px 1px;

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


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

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

1個 => 上下左右


省略

2個 => 上下, 左右

こういうのは
margin: 10px 5px;
これと同じ
margin-top: 10px;
margin-bottom: 10px;
margin-right: 5px;
margin-left: 5px;

3個 => 上, 左右, 下

こういうのは
margin: 10px 5px 15px;
これと同じ
margin-top: 10px;
margin-bottom: 15px;
margin-right: 5px;
margin-left: 5px;

4個 => 上, 右, 下, 左

こういうのは
margin: 10px 5px 0 15px;
これと同じ
margin-top: 10px;
margin-bottom: 0;
margin-right: 5px;
margin-left: 15px;


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


おわり。