Specificationで出てくる順という縛りでCSSを書いている。大体のところはソラで覚えているのだけど、font-weightとfont-sizeはどっちが先だっけとかは忘れるので、備忘録がてら序列付きリストにしてみた。marginmargin-topmargin-rightmargin-bottommargin-leftpaddingpadding-toppadding-rightpadding-bottompadding-leftborderborder-topborder-bottomborder-rightborder-leftborder-widthborder-top-widthborder-right-widthborder-bottom-widthborder-left-widthborder-colorborder-top-colorborder-right-colorborder-bottom-colorborder-left-colorborder-styleborder-top-styleborder-right-styleborder-bottom-styleborder-left-styledisplaypositiontoprightbottomleftfloatclearz-indexdirectionunicode-bidiwidthmin-widthmax-widthheightmin-heightmax-heightline-heightvertical-alignoverflowclipvisibilitycontentquotescounter-resetcounter-incrementlist-stylelist-style-typelist-style-imagelist-style-positionpage-break-beforepage-break-afterpage-break-insideorphanswidowscolorbackgroundbackground-colorbackground-imagebackground-repeatbackground-attachmentbackground-positionfontfont-familyfont-stylefont-variantfont-weightfont-sizetext-indenttext-aligntext-decorationtext-shadowletter-spacingword-spacingtext-transformwhite-spacecaption-sidetable-layoutborder-collapseborder-spacingcursorempty-cellsspeak-headeroutlineoutline-widthoutline-styleoutline-colorvolumespeakpause-beforepause-afterpausecue-beforecue-aftercueplay-duringazimuthelevationspeech-ratevoice-familypitchpitch-rangestressrichnessspeak-punctuationspeak-numeralspeak-headerそもそもCSSは複雑に書こうとする方が難しく、フラットで単純な構造のコードになる。そのため、ある要素に対するスタイル指定がCSSファイル内であちらこちらに散らばっているような書き方さえしなければそれほど読みづらいものではないので、自分で書いて自分で読む分にはプロパティの順序なんかはどうでも良いとも思う。CSSを第三者に読ませるとなると、どういうルールで書いているかとかそういうことを説明しなければならない(ことがある)。Specificationで出てくる順序です」と明快に説明が出来ると便利なので、こんな自分ルールになっている。重複していたdisplaypositionfloatcontentを削除した。2009から序列付きリストを作成しなおした。(表示)で公開しています。視覚的なデザインについてはスタイル・ガイドを、生成の仕組みについてはGitHubのリポジトリーを参照してください。お問い合わせはメールや、Twitter、GitHubのイシューでお願いします。