Thuộc tính kiểu quy tắc 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-rule-style
chỉ định kiểu của quy tắc giữa các cột.
Giá trị mặc định: | không có |
---|---|
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: | đối tượng .style.columnRuleStyle="dotted" Hãy thử nó |
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-style | 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-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
none | Default value. Defines no rule | Demo ❯ |
hidden | Defines a hidden rule | Demo ❯ |
dotted | Defines a dotted rule | Demo ❯ |
dashed | Defines a dashed rule | Demo ❯ |
solid | Defines a solid rule | Demo ❯ |
double | Defines a double rule | Demo ❯ |
groove | Specifies a 3D grooved rule. The effect depends on the width and color values | Demo ❯ |
ridge | Specifies a 3D ridged rule. The effect depends on the width and color values | Demo ❯ |
inset | Specifies a 3D inset rule. The effect depends on the width and color values | Demo ❯ |
outset | Specifies a 3D outset rule. The effect depends on the width and color values | 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ộtRuleStyle