HTML5のTable Columnについてまとめます。
<colgroup>と<col>
col/colgroupで使えるCSSプロパティは以下の通りです。
CSS2.1仕様書
- border
- background
- width
- visibility
注意すべきことはtext-alignプロパティが使えないことです。
非推奨のalign属性では実現できたのにCSSでできないとは、不思議な気がします。
MDNのサイトによると、
<td>要素は<col>要素の子孫ではないため、プロパティを継承しません。
らしいのですが、いまいち納得できません。align属性だったときは「子孫」だったということ？
https://developer.mozilla.org/ja/docs/Web/HTML/Element/col
ちなみに列にtext-alignを使いたい場合、セル結合していなければtd:nth-child(an+b)でできます。
セル結合している場合は、colspanの属性セレクタで実現できるようですが、方法は分かりません。
列幅の指定
TODO 執筆予定
列の非表示
TODO 執筆予定