Thuộc tính caption-side

Định nghĩa và sử dụng Thuộc tính caption-side

Thuộc tính caption-side xác định vị trí một chú thích của table.

Cấu trúc

caption {
    caption-side: giá trị;
}

Với giá trị như sau:

Thuộc tínhgiá trịVí dụMô tả
caption-sidetopcaption-side: top;Caption có vị trí bên trên table.
bottomcaption-side: bottom;Caption có vị trí bên dưới table.
inheritcaption-side: inherit;Xác định thừa hưởng thuộc tính từ thành phần cha (thành phần bao ngoài).

Ví dụ

HTML viết:

Thu haiThu ba
Caption của table
2000d5000d
500d4000d

Hiển thị trình duyệt khi chưa có CSS (mặc định của caption-side là top):

Thu haiThu ba
Caption của table
2000d5000d
500d4000d

CSS viết:

caption {
    caption-side: bottom;
}

Hiển thị trình duyệt khi có CSS:

Thu haiThu ba
Caption của table
2000d5000d
500d4000d

Trình duyệt hỗ trợ

Thuộc tính caption-side 1

Thuộc tính caption-side được hỗ trợ trong đa số các trình duyệt.

IE8 đòi hỏi phải có !Doctype

Bình luận