caption-side
指定報表（TABLE）的標題放置的方位。此特徵只有 Firefox 有完整支援。可設定的值有：
- top：標題放在報表的上方，此為預設值。
- bottom：標題放在報表的下方。
- left：標題放在報表的左側。
- right：標題放在報表的右側。
- inherit：繼承父元件的特徵值。
測試 top
- 風格用法：
<style type='text/css'>
.tbl {width:40%}
.tbl TD {border:2px solid red}
</style>
<table class='tbl'>
<caption style='caption-side: top'>歌星</caption>
<tr><td>蔡依林<td>曾沛慈
<tr><td>周杰倫<td>蕭敬騰
</table> - 執行結果：
歌星 蔡依林 曾沛慈 周杰倫 蕭敬騰
測試 bottom
- 風格用法：
<table class='tbl'>
<caption style='caption-side: bottom'>歌星</caption>
<tr><td>蔡依林<td>曾沛慈
<tr><td>周杰倫<td>蕭敬騰
</table> - 執行結果：
歌星 蔡依林 曾沛慈 周杰倫 蕭敬騰
- Firefox, Safari, Chrome 會將標題”歌星”放在報表的下方；IE 沒支援。
測試 left
- 風格用法：
<table class='tbl'>
<caption style='caption-side: left'>歌星</caption>
<tr><td>蔡依林<td>曾沛慈
<tr><td>周杰倫<td>蕭敬騰
</table> - 執行結果：
歌星 蔡依林 曾沛慈 周杰倫 蕭敬騰
- 只有 Firefox 會將例子中的標題”歌星”放在報表的左側；IE, Safari, Chrome 都將”歌星”放在報表的上方。
測試 right
- 風格用法：
<table class='tbl'>
<caption style='caption-side: right'>歌星</caption>
<tr><td>蔡依林<td>曾沛慈
<tr><td>周杰倫<td>蕭敬騰
</table> - 執行結果：
歌星 蔡依林 曾沛慈 周杰倫 蕭敬騰
- 只有 Firefox 會將例子中的標題”歌星”放在報表的右側；IE, Safari, Chrome 都將”歌星”放在報表的上方。
