Cột-quy tắc-chiều rộng - Thủ thuật CSS

Mục lục:

Anonim

Các column-rule-widththuộc tính CSS đặt độ dày của đường đó được vẽ giữa các cột bằng column-rule-styletrong một bố cục nhiều cột CSS.

.columns ( columns: 2 600px; column-rule-style: dotted; column-rule-width: 3px; )

Một cách khác để đi về nó là sử dụng column-ruletài sản viết tắt, kết hợp column-rule-width, column-rule-stylevà column-rule-color.

.columns ( columns: 2 600px; column-rule: dotted 3px #f8a100; )

Cú pháp

column-rule-width: thin | medium | thick |
  • Giá trị ban đầu: medium
  • Áp dụng cho: vùng chứa nhiều cột
  • Kế thừa: không
  • Giá trị tính toán: độ dài tuyệt đối; 0nếu column-rule-stylelà nonehoặchidden
  • Loại hoạt ảnh: theo loại giá trị được tính toán

Giá trị

column-rule-width nhận một giá trị được đặt tên, chiều dài hoặc toàn cục.

/* Named values */ column-rule-width: thin; column-rule-width: medium; column-rule-width: thick; /* Length values */ column-rule-width: 15px; column-rule-width: 1.5rem; /* Global values */ column-rule-width: inherit; column-rule-width: initial; column-rule-width: unset;

Bản giới thiệu

Hỗ trợ trình duyệt

I E Cạnh Firefox Trình duyệt Chrome Safari Opera
10+ 12+ 3,5+ 4+ 3.1+ 11,5+
Chrome dành cho Android Android Firefox Trình duyệt Android iOS Safari Opera Mini
85+ 79+ Không 3.2+ Tất cả
Nguồn: caniuse

Sự chỉ rõ

Mô-đun bố cục nhiều cột CSS Cấp độ 1 (Bản nháp của người biên tập)