CSS-テーブルレイアウト

説明

_table-layout_プロパティは、テーブルのレンダリングに使用されるレイアウト方法を決定します。

可能な値

auto -いくつかの自動レイアウトアルゴリズムに従ってテーブルをレイアウトする必要があります。ブラウザはこれを自動的に行います。
fixed -テーブルは、提供された固定テーブルレイアウト方法に従ってレイアウトする必要があります。

に適用されます

テーブルまたはインラインテーブルの表示を持つすべての要素。

DOM構文

object.style.tableLayout = "fixed";

例

注-このプロパティは多くのブラウザでサポートされていないため、このプロパティに依存しないでください。

<html>
   <head>
      <style type = "text/css">
         table.auto {
            table-layout: auto
         }
         table.fixed {
            table-layout: fixed
         }
      </style>
   </head>

   <body>
      <table class = "auto" border = "1" width = "100%">
         <tr>
            <td width = "20%">1000000000000000000000000000</td>
            <td width = "40%">10000000</td>
            <td width = "40%">100</td>
         </tr>
      </table>
      <br/>

      <table class = "fixed" border = "1" width = "100%">
         <tr>
            <td width = "20%">1000000000000000000000000000</td>
            <td width = "40%">10000000</td>
            <td width = "40%">100</td>
         </tr>
      </table>

   </body>
</html>

これにより、次の結果が生成されます–

Css-table-layout

目次

CSS-テーブルレイアウト

説明

可能な値

に適用されます

DOM構文

例