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

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

おしらせ

受験生、大学生、数学の好きな大人の方に向けて、センター数ⅡBの過去問を解く勉強会を開催します。

広告