PHP & JavaScript Room :: 設置サンプル

実行結果

表題
説明
caption-side:top;テーブルの上。


表題
説明
caption-side:bottom;テーブルの下。


表題
説明
caption-side:left;テーブルの左。


表題
説明
caption-side:right;テーブルの右。

ソース

<table border="1">
    <caption style="caption-side:top;">表題</caption>
    <tr><th>値</th><th>説明</th>
    <tr><td>caption-side:top;</td><td>テーブルの上。</td></tr>
</table>

<br><br>

<table border="1">
    <caption style="caption-side:bottom;">表題</caption>
    <tr><th>値</th><th>説明</th>
    <tr><td>caption-side:bottom;</td><td>テーブルの下。</td></tr>
</table>

<br><br>

<table border="1">
    <caption style="caption-side:left;">表題</caption>
    <tr><th>値</th><th>説明</th>
    <tr><td>caption-side:left;</td><td>テーブルの左。</td></tr>
</table>

<br><br>

<table border="1">
    <caption style="caption-side:right;">表題</caption>
    <tr><th>値</th><th>説明</th>
    <tr><td>caption-side:right;</td><td>テーブルの右。</td></tr>
</table>

polarized women