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

cssのpadding等に値を4つ指定するshorthandは何で上右下左なの

paddingとかmarginに4つ値を指定するときの上下左右の対応について。

padding: 4px 3px 2px 1px; /* 上 右 下 左 */

自分としてははこうあってほしい。

padding: 4px 3px 2px 1px; /* 上 左 下 右 */

このほうが直感的だと思うんだけど、なんで左側なのにright、右側なのにleftなんていう分かりにくい仕様になっているんだろう。きっとなんか意味があると思うんだけど。

cssの仕様を軽く検索してみたけど、そういう記述は見つからなかった。