HTML DOM captionSide 属性

定义和用法

captionSide 属性设置表格标题的位置。

语法:

  1. Object.style.captionSide=top|bottom|left|right

可能的值

描述
top 默认。把表格标题定位在表格之上。
bottom 把表格标题定位在表格之下。
left 把表格标题定位在表格的左边。
right 把表格标题定位在表格的右边。

实例

本例移动表格标题:

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. caption
  5. {
  6. caption-side:bottom;
  7. }
  8. </style>
  9. <script type="text/javascript">
  10. function moveCaption()
  11. {
  12. document.getElementById('myTable').style.captionSide="right"
  13. }
  14. </script>
  15. </head>
  16. <body>
  17.  
  18. <table border="1" id="myTable">
  19. <caption>This is a caption</caption>
  20. <tr>
  21. <td>100</td>
  22. <td>200</td>
  23. </tr>
  24. <tr>
  25. <td>300</td>
  26. <td>400</td>
  27. </tr>
  28. </table>
  29. <br />
  30. <input type="button" onclick="moveCaption()"
  31. value="Move table caption">
  32.  
  33. </body>
  34. </html>