Thuộc tính column-rule-style của CSS

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

Thuộc tính column-rule-style định nghĩa quy tắc樣式 giữa các cột.

Xem thêm:

Hướng dẫn CSS3:Cột đa dòng trong CSS3

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

Ví dụ

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

div {
  column-rule-style: dotted;
}

Thử ngay

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

Cú pháp CSS

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

Giá trị thuộc tính

Giá trị Mô tả Kiểm tra
none Định nghĩa không có quy tắc. Kiểm tra
hidden Định nghĩa quy tắc ẩn. Kiểm tra
dotted Định nghĩa quy tắc điểm. Kiểm tra
dashed Định nghĩa quy tắc dashed. Kiểm tra
solid Định nghĩa quy tắc nguyên. Kiểm tra
double Định nghĩa quy tắc kép. Kiểm tra
groove Định nghĩa quy tắc 3D grooved. Hiệu ứng này phụ thuộc vào giá trị độ rộng và màu sắc. Kiểm tra
ridge Định nghĩa quy tắc 3D ridged. Hiệu ứng này phụ thuộc vào giá trị độ rộng và màu sắc. Kiểm tra
inset Định nghĩa quy tắc 3D inset. Hiệu ứng này phụ thuộc vào giá trị độ rộng và màu sắc. Kiểm tra
outset Định nghĩa quy tắc 3D outset. Hiệu ứng này phụ thuộc vào giá trị độ rộng và màu sắc. Kiểm tra

Chi tiết kỹ thuật

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

Các ví dụ khác

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, cách nhau 30 pixel.
Column-rule
Định nghĩa độ rộng, kiểu dáng 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 sau -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