caption-side

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 都將”歌星”放在報表的上方。