HTML & CSS - テーブルのサイズを固定する

テーブルのサイズを固定する

テーブルのサイズを固定するには、table 要素に適用される CSS の width プロパティで定義します。

<table>
  <caption> 表のタイトル </caption>
  
  <thead>
    <tr>
      <th> 見出しセル </th>
    </tr>
  </thead>
  
  <tbody>
    <tr>
      <td> データセル </td>
    </tr>
  </tbody>
  
</table>

table{
    width: 800px;
}

関連記事

• テーブルの基本的なマークアップ
• セルを縦方向・横方向に結合する
• セル内のテキストの行揃えを変更する
• テーブルの罫線を変更する
• セルのサイズを固定する
• セルのサイズを均等にする
• テーブルの背景色を指定する

• HTML の書き方
• CSS の書き方
• CSS セレクタの種類と書き方