的 字幕侧属性允许指定其中a <caption>元素的含量应放置在关系表中。
此属性可以具有 top,bottom,left或right四个值之一。让我们看一个示例,以了解如何实现标题侧属性:
<html> <head> <style> caption.top { caption-side:top } caption.bottom { caption-side:bottom } </style> </head> <body> <table style = "width:500px; border:3px solid gray;"> <caption class = "top"> Countries (Top Caption) </caption> <tr><td> India</td></tr> <tr><td> UK</td></tr> <tr><td> US</td></tr> <tr><td> Australia</td></tr> </table> <br /> <table style = "width:500px; border:3px solid blue;"> <caption class = "bottom"> Countries (Bottom caption) </caption> <tr><td> India</td></tr> <tr><td> UK</td></tr> <tr><td> US</td></tr> <tr><td> Australia</td></tr> </table> <br /> </body> </html>