旧それなりブログの跡地、画像やスタイルやJSなどが壊れてることがあります。

縦・横・横・縦

2007年12月13日

CSSセレクタって概ねこんな風に

div.hoge {
top: 6px;
left: 470px;
width: 20px;
height: 20px;
}

top と left のソートは top が上で、 width と height のソートは width が上で書いてあることが多いと思いますが・・・

以下のような観点からすると

  • 縦方向の概念 → top, height
  • 横方向の概念 → left, width

場所{縦, 横}、サイズ{横, 縦} という順に値が並んでいることになり気持ち悪い。

なんで

top
left
height
width

left
top
width
height

で並べるべきだと思うのですが、いかがでしょうか?
良く (x, y) って言ったりするので、後者が有力かも。

実際書いてみると果てしなく気持ち悪いので、自分はやりませんけどね。
しっかし、それが原因で軽ミスすることもあるんで、馬鹿にはできないよなと。
いい対策はないもんすかね。