Thuộc tính quy tắc cột CSS
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ử »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-rule
đặt chiều rộng, kiểu và màu của quy tắc giữa các cột.
Thuộc tính này là thuộc tính viết tắt của:
Nếu cột-rule-color bị bỏ qua, màu được áp dụng sẽ là màu của văn bản.
Giá trị mặc định: | vừa không có màu |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | vâng, xem các thuộc tính riêng lẻ . Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | object .style.columnRule="3px khởi đầu màu xanh" 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-rule | 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: column-rule-width column-rule-style column-rule-color |initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
column-rule-width | Sets the width of the rule between columns. Default value is medium | Demo ❯ |
column-rule-style | Sets the style of the rule between columns. Default value is none | Demo ❯ |
column-rule-color | Sets the color of the rule between columns. Default value is the color of the element | 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ụ
Trang liên quan
Hướng dẫn CSS: CSS Nhiều cột
Tham chiếu DOM HTML: thuộc tính ColumnRule