Irohabook
0
507

css プロパティを複数指定するときの順番

複数人で css を管理・編集するとき、人によってプロパティの順番が異なっていると同クラスにたくさんのプロパティがあるソースを編集するときに効率が落ちる場合があります。そのため css のプロパティの順番は予め決めておくと便利です。

実は WordPress 公式テーマのスタイルシートは ABC 順に並んでいます。

border
border-left-width
font-size
font-style
line-height
margin
max-width
padding
white-space
word-wrap

見ればわかるように辞書順になっています。辞書順は絶対にぶれないのでおすすめです。ただし WordPress も最初にハイフンがつくものは

-webkit-box-sizing: content-box
-moz-box-sizing: content-box

と並べています。これは唯一の例外と考えているのでしょうか?

次の記事

CSSのコード規約