ホーム >>> HTML整理ノート

表　table-layout／caption-side

●table-layout:値
・表の列幅を自動調整するか、固定するか。（行の高さは自動調整される）
値
　auto ･･･(初期値）自動調整する
　fixed ･･･列幅は固定する

●caption-side:値
・表のcaptionの位置を指定する。
値
　top ･･･(初期値）表の上部に表示する。
　bottom ･･･表の下部に表示する。

Sample
(表題)表のテスト
 表の 設定 
 table-layout fixed
   caption-side bottom

Sample Source......................................................................>>>

<table border="1" style="width:300px;table-layout:fixed">
 <caption style="caption-side:bottom;border:1px solid navy;
　　　　　　　　　　color:blue;font-size:80%">(表題)表のテスト</caption>
    <tr>
      <td>&nbsp;表の</td>
      <td></td>
      <td>設定&nbsp;</td>
    </tr>
    <tr>
      <td></td>
      <td>&nbsp;<u>table-layout</u></td>
      <td>fixed</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;<u>caption-side</u></td>
      <td>bottom</td>
    </tr>
</table>