Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Kiểm soát vị trí caption của bảng với CSS


Thuộc tính CSS caption-side được dùng để kiểm soát vị trí đặt caption của bảng.

Ví dụ

Bạn có thể chạy mã sau để 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>