Thuộc tính columns của style

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

columns Thuộc tính này là thuộc tính viết tắt để đặt columnWidth và columnCount.

Xem thêm:

Hướng dẫn CSS3:CSS nhiều cột

Tài liệu tham khảo CSS:Thuộc tính columns

Mô hình

Chia văn bản thành ba cột, mỗi cột ít nhất 100 pixel:

document.getElementById("myDIV").style.columns = "100px 3";

Thử ngay

Cú pháp

Trả về thuộc tính columns:

object.style.columns

Đặt thuộc tính columns:

object.style.columns = "auto|column-width column-count|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
auto Giá trị mặc định. Đặt chiều rộng của cột là "auto", số cột là "auto".
columnWidth Chiều rộng của cột.
columnCount Số cột.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit。

Chi tiết kỹ thuật

Giá trị mặc định: auto auto
Giá trị trả về: Chuỗi, biểu thị phần tử Thuộc tính columns。
Phiên bản CSS: CSS3

Trình duyệt hỗ trợ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0