Thuộc tính đếm cột CSS
Thêm ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Thuộc tính column-count
chỉ định số cột mà một phần tử sẽ được chia thành.
Giá trị mặc định: | tự động |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | Đúng. Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | object .style.columnCount = "3" Hãy dùng thử |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Các số theo sau là -webkit- hoặc -moz- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
column-count | 50.0 4.0 -webkit- |
10.0 | 52.0 2.0 -moz- |
9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
Cú pháp CSS
column-count: number |auto|initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
number | The optimal number of columns into which the content of the element will be flowed | Demo ❯ |
auto | Default value. The number of columns will be determined by other properties, like e.g. "column-width" | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Thêm ví dụ
Ví dụ
Chỉ định chiều rộng, kiểu và màu của quy tắc giữa các cột:
div
{
column-rule: 4px double #ff00ff;
}
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: CSS Nhiều cột
Tham chiếu DOM HTML: thuộc tính cộtCount