table-layoutプロパティの意味と使い方

{ table-layout 【 テーブル・レイアウト 】 : レイアウト方法; }

table-layoutプロパティは、表組みのレイアウト方法を指定します。このプロパティを指定することで、表組みの列幅を決定する方法が変化します。

初期値	auto
継承	なし
適用される要素	テーブルまたはインラインテーブル要素
モジュール	CSS3 Tables Module

値の指定方法

レイアウト方法

auto	列幅は表組みの幅とセルの内容に合わせて自動的に調整されます。
fixed	列幅はwidthプロパティで指定した値で固定されて表示されます。指定がない列の列幅は、表組みの残りの幅に合わせて均等に分割されます。

サンプルコード

CSS

table.sample{
  table-layout: fixed;
  width: 100%;
}
.wide{width: 20%; }

HTML

<table class="sample"> HTML
 <tr>
  <th class="wide">月曜日</th><th>水曜日</th><th>金曜日</th>
 </tr>