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

bekkou68の日記

開発しているサービス, IT技術, 英語など。

CSS の margin 等の "上右下左" を分かりやすく覚えるには

div {
  margin: 1px 2px 3px 4px;
}

と指定した時に、それぞれの px がどの方向に適用されるかを調べて忘れてを毎回くり返していました。それに終止符をうつため、何か良い覚え方はないかと思い調べていたらありました

"They all go clockwise, starting from top."

なるほど! 時計の 12時から時計周りに読めばいいのですね。たしかに "上(12時) 右(3時) 下(6時) 左(9時)" です。これは分かりやすいし頭に残る!
padding も同じ順番です。