Cột-quy-tắc-màu - Thủ thuật CSS

Mục lục:

Các column-rule-colorthuộc tính CSS xác định màu sắc của một ranh giới giữa các cột trong một bố cục CSS nhiều cột.

Tài sản không thể hành động một mình! Để nhìn thấy màu sắc, chúng ta cần tạo đường thẳng - về mặt kỹ thuật được gọi là “quy tắc” - giữa các cột. Điều đó yêu cầu column-rule-styletài sản.

.columns ( column-count: 2 600px; column-rule-style: solid; column-rule-color: #f8a100; )

Hoặc chúng ta có thể sử dụng column-ruletài sản viết tắt, kết hợp column-rule-color, column-rule-stylevà column-rule-widthtrong một tuyên bố duy nhất.

column-rule: 3px solid #f8a100;

Cú pháp

column-rule-colornhận một giá trị màu duy nhất. Đó có thể là bất kỳ màu CSS hợp lệ nào, bao gồm hex, RGB, RGBa, HSL, HSLa và các màu được đặt tên. Nó thậm chí còn chấp nhận currentColornhư một giá trị.

column-rule-color: #f8a100; column-rule-color: hsl(39,100,49); column-rule-color: rgb(250,162,0); column-rule-color: aliceblue; column-rule-color: currentColor;