Thuộc tính cột-span CSS
Thí dụ
Để phần tử <h2> kéo dài trên tất cả các cột:
h2
{
column-span: all;
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc column-span
tính chỉ định số lượng cột mà một phần tử sẽ trải qua.
Giá trị mặc định: | không ai |
---|---|
Thừa hưởng: | không |
Hoạt hình: | không. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | object .style.columnSpan = "all" |
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 -webkit- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
column-span | 50.0 4.0 -webkit- |
10.0 | 71.0 | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
Cú pháp CSS
column-span: none|all|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
none | Default value. The element should span across one column | |
all | The element should span across all columns | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Các ví dụ khác
Thí dụ
Chia văn bản trong phần tử <div> thành ba cột:
div
{
column-count: 3;
}
Thí dụ
Chỉ định khoảng cách 40 pixel giữa các cột:
div
{
column-gap: 40px;
}
Thí 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;
}
Các trang liên quan
Hướng dẫn CSS: CSS Nhiều Cột
Tham chiếu DOM HTML: thuộc tính columnSpan