Thuộc tính column-rule trong CSS

Định nghĩa và cách sử dụng

Thuộc tính column-rule là thuộc tính viết tắt, được sử dụng để đặt tất cả các thuộc tính column-rule-*.

Thuộc tính column-rule đặt quy tắc chiều rộng,样式 và màu giữa các cột.

Xem thêm:

Giáo trình CSS3:Cột nhiều dòng CSS3

Hướng dẫn HTML DOM:Thuộc tính columnRule

Ví dụ

Đặt quy tắc chiều rộng,样式 và màu giữa các cột:

div
{
column-rule:3px outset #ff00ff;
}

Thử ngay

Có thêm ví dụ ở cuối trang.

Ngữ pháp CSS

column-rule: column-rule-width column-rule-style column-rule-color;

Giá trị thuộc tính

Giá trị Mô tả
column-rule-width Đặt quy tắc chiều rộng giữa các cột.
column-rule-style Đặt quy tắc樣式 giữa các cột.
column-rule-color Đặt quy tắc màu giữa các cột.

Chi tiết kỹ thuật

Giá trị mặc định: medium none black
Kế thừa: no
Phiên bản: CSS3
Ngữ pháp JavaScript: object.columnRule="3px outset #ff00ff"

Thêm nhiều ví dụ

Column-count
Chia văn bản trong phần tử div thành ba cột.
Column-gap
Chia văn bản trong phần tử div thành ba cột, với khoảng cách giữa các cột là 30 pixel.

Hỗ trợ trình duyệt

Số liệu trong bảng ghi chú phiên bản đầu tiên của trình duyệt hỗ trợ đầy đủ thuộc tính này.

Số liệu có tiền tố -webkit- hoặc -moz- biểu thị phiên bản đầu tiên của tiền tố được sử dụng.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1