もしあの頃に戻れたら…。CSSワーキンググループが挙げる、CSS仕様の過ち

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」はだいたい混乱を引き起こしてきたと思うと説明している。