CSSプロパティの書き順

CSSファイルがどうもぐちゃぐちゃしてるなということで、
CSSプロパティの書き順のルールをそろえていこうと思った。

ググって見ると
http://acromo.org/lippin/archives/2006/02/12/1528
プロパティの書き順＠脳内ルール

というのがあったのでこれを利用させてもらうことにした。
↓のモジラのCSSを参考にルールを作ったらしい。
http://www.mozilla.org/css/base/content.css

* ------------------------------------------------------------------------------------------------
* Suggested Order: http://www.mozilla.org/css/base/content.css
| * display
| * visibility
| * overflow
| * list-style
| * position
| * float
| * clear
| * top right bottom left
| * width
| * height
| * margin
| * padding
| * border
| * background
| 　* color
| 　* image
| 　* repeat
| 　* position
| 　* attachement
| * color
| * font
| 　* style
| 　* variant
| 　* weight
| 　* size
| 　* line-height
| 　* family
| * text-decoration
| * text-align
| * vertical-align
| * white-space
| * other text
| * quotes
| * content
* ---------------------------------------------------------------------------------------------- */

Reaction

ということで、「ハヤシでございます」のCSSを再作成
http://sweat-of-brains.com/styles-site.css

スッキリ見やすくなった。
よしよし。