caption-side · CSS基礎

## caption-side 屬性 ### 屬性定義及使用說明 Tcaption-side 屬性設置表格標題的位置。 JavaScript 語法：object.style.captionSide="bottom" * * * ## 屬性值 | 值 | 描述 | | --- | --- | | top | 默認值。把表格標題定位在表格之上。 | | bottom | 把表格標題定位在表格之下。 | | inherit | 規定應該從父元素繼承 caption-side 屬性的值。 | * * * ## 實例--指定表格標題的位置： ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> caption {caption-side:bottom;} </style> </head> <body> <table border="1"> <caption>Table 1.1 Customers</caption> <tr> <th>Company</th> <th>Contact</th> <th>Country</th> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Maria Anders</td> <td>Germany</td> </tr> <tr> <td>Berglunds snabbk?p</td> <td>Christina Berglund</td> <td>Sweden</td> </tr> <tr> <td>Centro comercial Moctezuma</td> <td>Francisco Chang</td> <td>Mexico</td> </tr> <tr> <td>Ernst Handel</td> <td>Roland Mendel</td> <td>Austria</td> </tr> <tr> <td>Island Trading</td> <td>Helen Bennett</td> <td>UK</td> </tr> <tr> <td>Magazzini Alimentari Riuniti</td> <td>Giovanni Rovelli</td> <td>Italy</td> </tr> <tr> <td>North/South</td> <td>Simon Crowther</td> <td>UK</td> </tr> </table> <p><b>Note:</b> IE8 supports the caption-side property if a !DOCTYPE is specified.</p> </body> </html> ```