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

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

Thuộc tính columnRuleWidth định nghĩa quy tắc độ rộng giữa các cột.

Xem thêm:

Hướng dẫn CSS3:CSS3 nhiều cột

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

Ví dụ

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

div {
  column-rule-width: 10px;
}

Thử ngay

Có nhiều ví dụ khác ở cuối trang.

Cú pháp CSS

column-rule-width: thin|medium|thick|length;

Giá trị thuộc tính

Giá trị Mô tả Kiểm tra
thin Định nghĩa quy tắc mỏng. Kiểm tra
medium Định nghĩa quy tắc trung bình. Kiểm tra
thick Định nghĩa quy tắc rộng. Kiểm tra
length Định nghĩa độ rộng của quy tắc. Kiểm tra

Chi tiết kỹ thuật

Giá trị mặc định: medium
Kế thừa: no
Phiên bản: CSS3
Cú pháp JavaScript: object.style.columnRuleWidth="thin"

Các ví dụ khác

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, với khoảng cách giữa các cột là 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 có 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