Thuộc tính column-span trong CSS

Định nghĩa và cách sử dụng

Thuộc tính column-span xác định element nên trải dài qua bao nhiêu cột.

Xem thêm:

Hướng dẫn CSS3:Cột nhiều của CSS3

Hướng dẫn tham khảo HTML DOM:Thuộc tính columnSpan

Ví dụ

Làm thế nào để làm cho thẻ h2 trải dài qua tất cả các cột:

h2
{
column-span:all;
}

Thử ngay

Có thêm ví dụ ở cuối trang.

Cú pháp CSS

column-span: 1|all;

Giá trị thuộc tính

Giá trị Mô tả Kiểm tra
1 Element nên trải dài qua một cột. Kiểm tra
all Element nên trải dài qua tất cả các cột. Kiểm tra

Chi tiết kỹ thuật

Giá trị mặc định: 1
Kế thừa: no
Phiên bản: CSS3
Cú pháp JavaScript: object.style.columnSpan="all"

Các ví dụ khác

Column-count
Chia văn bản trong thẻ div thành ba cột.
Column-gap
Chia văn bản trong thẻ div thành ba cột, với khoảng cách giữa các cột là 30 pixel.
Column-rule
Định nghĩa độ rộng, kiểu dáng và màu sắc giữa các cột.

Hỗ trợ trình duyệt

Số liệu trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Số liệu có tiền tố -webkit- hoặc -moz- đại diện cho phiên bản đầu tiên sử dụng tiền tố.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 71.0 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1