Thuộc tính caption-side cho phép bạn chỉ định vị trí nội dung của phần tử <caption> so với bảng.
Ví dụ
Thuộc tính này có thể có một trong bốn giá trị top, bottom, left hoặc right. Hãy xem ví dụ để tìm hiểu cách thực hiện thuộc tính caption-side:
<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"> Các quốc gia (Caption trên) </caption> <tr><td> Ấn Độ</td></tr> <tr><td> Anh</td></tr> <tr><td> Mỹ</td></tr> <tr><td> Úc</td></tr> </table> <br /> <table style = "width:500px; border:3px solid blue;"> <caption class = "bottom"> Các quốc gia (Caption dưới) </caption> <tr><td> Ấn Độ</td></tr> <tr><td> Anh</td></tr> <tr><td> Mỹ</td></tr> <tr><td> Úc</td></tr> </table> <br /> </body> </html>