Thuộc tính CSS column-rule-width
Thí dụ
Chỉ định chiều rộng của quy tắc giữa các cột:
div
{
column-rule-width: 10px;
}
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-rule-width
tính chỉ định độ rộng của quy tắc giữa các cột.
Giá trị mặc định: | Trung bình |
---|---|
Thừa hưởng: | không |
Hoạt hình: | Đúng. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.columnRuleWidth = "10px" |
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- hoặc -moz- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
column-rule-width | 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-rule-width: medium|thin|thick|length|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
medium | Default value. Defines a medium rule | |
thin | Defines a thin rule | |
thick | Defines a thick rule | |
length | Specifies the width of the rule | |
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 outset #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 columnRuleWidth