Thuộc tính column-width của CSS

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

Thuộc tính column-width định nghĩa độ rộng của cột.

Xem thêm:

Hướng dẫn CSS3:Nhiều cột trong CSS3

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

Ví dụ

Định nghĩa độ rộng của cột:

div
{
column-width:100px;
}

Thử ngay

Có nhiều ví dụ hơn ở cuối trang.

Cú pháp CSS

column-width: auto|length;

Giá trị thuộc tính

Giá trị Mô tả Kiểm tra
auto Độ rộng của cột do trình duyệt quyết định. Kiểm tra
length Định nghĩa độ rộng của cột. Kiểm tra

Chi tiết kỹ thuật

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

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, phong cách 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 10.0 52.0 10.0 37.0