CSS-Tricksが、CSSワーキンググループが掲載している「Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki]」を取り上げている。Wikiでは、「もしタイムマシーンができたら(仕様を策定していた時代に戻って)ここを直すべき」という書き出しから始まり、CSSの細かい改善要望を挙げている。
掲載されている主な項目は次のとおり。
- 「white-space: nowrap」ではなく「white-space: no-wrap」とすべき
- 「vertical-align」はテーブルのセルには適用してはならない。CSS3のalignmentプロパティがLevel 1に存在すべき
- 本当の中央ではないのだから「vertical-align: middle」ではなく「vertical-align: text-middle」とすべき
- パーセント指定によるheightはfill-availableに対して計算されるべき
- テーブルのレイアウトは正常でなければならない
- 「box-sizing」のデフォルトは「border-box」であるべき
- 「background-size」に指定された値が1つであった場合、同じ値を2つ目にも適用すべき
- 「z-index」はむしろ「z-order」や「depth」と呼ぶべきだし、すべての要素で動作すべき
- 「word-wrap」は紛らわしいので最初から「overflow-wrap」と呼ぶべき
- 「box」の「margin-top」と「margin-bottom」は「collapse」の指定を受け入れるべきではない
- 「currentcolor」ではなく「current-color」とすべき
- 色指定は現在のX11のネーミングルールに従うのではなく、もっと予測しやすい名前にすべき
- 「border-radius」ではなく「border-corner」とすべき
- 「hyphens」プロパティは「hyphenate」と呼ばれるべき
- rgba()およびhsla()は消すべき。rgb()およびhsl()に透過情報を指定する4つ目の任意の引数を設けるべき
- 子孫結合には>>を、兄弟結合には++を使うべき
このリストを紹介したCSS-Tricksでは、たしかに「box-sizing」はだいたい混乱を引き起こしてきたと思うと説明している。