CSS table-layout

CSSのtable-layoutは、表（テーブル）の横幅をどのように決定するかを指定するプロパティです。

書式

table-layout: layout

layout

表の横幅を指定します。

auto の場合、セルの内容に応じて、表（テーブル）の幅を決定する。

fixed の場合、width プロパティで表（テーブル）の幅を決定する。

auto

以下に示す要素に対して、table-layout プロパティを適用できる。

親要素の table-layout プロパティは、子要素へ継承されない。

<table style="table-layout: auto; border: 1px solid black;">
  <tr>
    <td>foo</td>
  </tr>
</table>

foo

<table style="table-layout: fix; border: 1px solid black; width: 100%;">
  <tr>
    <td>foo</td>
  </tr>
</table>

foo