Thuộc tính columnFill của Style
- Trang trước columnCount
- Trang tiếp theo columnGap
- Quay lại lớp trên Đối tượng Style của HTML DOM
Định nghĩa và cách sử dụng
columnFill
Thuộc tính quy định cách lấp đầy cột (Có đồng bộ hóa hay không).
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 column-fill
Mô hình
Định nghĩa cách lấp đầy cột:
document.getElementById("myDIV").style.columnFill = "balance";
Cú pháp
Trả về thuộc tính columnFill:
object.style.columnFill
Đặt thuộc tính columnFill:
object.style.columnFill = "balance|auto|initial|inherit"
Giá trị thuộc tính
Giá trị | Mô tả |
---|---|
balance | Giá trị mặc định. Khám phá cách đồng bộ hóa các cột. Trình duyệt nên tối thiểu hóa sự khác biệt về độ dài của các cột. |
auto | Lấp đầy cột theo thứ tự, độ dài của các cột sẽ khác nhau. |
initial | Đặt thuộc tính này về giá trị mặc định. Vui lòng xem: initial。 |
inherit | Thừa kế thuộc tính này từ phần tử cha. Vui lòng xem: inherit。 |
Chi tiết kỹ thuật
Giá trị mặc định: | balance |
---|---|
Giá trị trả về: | chuỗi, biểu thị Thuộc tính column-fill。 |
CSS phiên bản: | CSS3 |
Hỗ trợ trình duyệt
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- Trang trước columnCount
- Trang tiếp theo columnGap
- Quay lại lớp trên Đối tượng Style của HTML DOM