CSS caption-side 屬性 · W3School CSS 參考手冊

# CSS caption-side 屬性 ## 實例規定表格標題的放置方式： ``` caption { caption-side:bottom; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 caption-side 屬性。注釋：如果已規定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 caption-side 屬性。 ## 定義和用法 caption-side 屬性設置表格標題的位置。 ### 說明該屬性指定了表標題相對于表框的放置位置。表標題顯示為好像它是表之前（或之后）的一個塊級元素。 | 默認值： | top | | --- | --- | | 繼承性： | yes | | --- | --- | | 版本： | CSS2 | | --- | --- | | JavaScript 語法： | _object_.style.captionSide="bottom" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | top | 默認值。把表格標題定位在表格之上。 | | bottom | 把表格標題定位在表格之下。 | | inherit | 規定應該從父元素繼承 caption-side 屬性的值。 | ## TIY 實例 [設置表格標題的位置](/tiy/t.asp?f=csse_table_caption-side) 本例演示如何定位表格的標題。 ``` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> caption { caption-side:bottom } </style> </head> <body> <table border="1"> <caption>This is a caption</caption> <tr> <td>Adams</td> <td>John</td> </tr> <tr> <td>Bush</td> <td>George</td> </tr> </table> <p><b>注釋：</b>如果已規定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 caption-side 屬性。</p> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 表格](/css/css_table.asp "CSS 表格") HTML DOM 參考手冊：[captionSide 屬性](/jsref/prop_style_captionside.asp "HTML DOM captionSide 屬性")