例
ボトム整列とテーブル<caption>要素:
<table>
<caption align="bottom">My savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
»それを自分で試してみてください 定義と使用法
align属性がcaption要素の配置を定義します。
この属性は、上記の、またはテーブルの下、右、左のブロック要素としてキャプションを揃える必要があります。
ブラウザのサポート
属性 | |||||
---|---|---|---|---|---|
align | はい | はい | はい | はい | はい |
注意:
- Internet Explorer 8はサポートしています"left" 、 "right" 、 "top" 、および"bottom"の値を
- Internet Explorerの9+はサポートしています"top" 、および"bottom"の値を
- Firefoxがサポートしている"left" 、 "right" 、 "top" 、および"bottom"の値を
- Operaはサポートして"left" 、 "right" 、 "top" 、および"bottom"の値を
- Chromeはサポートしています"top" 、および"bottom"の値を
- Safariはサポートして"top" 、および"bottom"の値を
互換性に関する注意
<caption> align属性はHTML5でサポートされていません。 代わりにCSSを使用してください。
CSSの構文: <caption style="caption-side:bottom"> or <caption style="text-align:left">
私たちのCSSのチュートリアルでは、についての詳細を見つけることができcaption-sideプロパティとtext-alignプロパティを。
構文
<caption align="left|right|top|bottom">
属性値
値 | 説明 |
---|---|
left | キャプションは表の左側にあります |
right | キャプションは表の右側にあります |
top | キャプションは表の上部にある(これがデフォルトです) |
bottom | キャプションは表の一番下にあります |