Thuộc tính column-rule-color trong CSS

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

Thuộc tính column-rule-color định nghĩa quy tắc màu giữa các cột.

Xem thêm:

Hướng dẫn CSS3:Đa cột CSS3

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

Ví dụ

Đặt quy tắc màu giữa các cột:

div {
  column-rule-color: #ff0000;
}

Thử ngay

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

Ngữ pháp CSS

column-rule-color: color;

Giá trị thuộc tính

Giá trị Mô tả
color Định nghĩa quy tắc màu. Xem thêm Giá trị màu CSS。

Chi tiết kỹ thuật

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

Thực hành thêm

Column-count
Chia văn bản trong thẻ div thành ba cột.
Column-gap
Chia văn bản trong thẻ div thành ba cột, cách nhau 30 pixel.
Column-rule
Định nghĩa độ rộng, phong cách và màu sắc giữa các cột.

Hỗ trợ trình duyệt

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

Số liệu với tiền tố -webkit- hoặc -moz- đại diện cho phiên bản đầu tiên sử dụng tiền tố.

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