Lebar lajur-peraturan - Trik CSS

Isi kandungan:

Anonim

The column-rule-widthharta CSS menetapkan ketebalan garis yang dilukis antara tiang-tiang oleh column-rule-styledalam CSS layout berbilang lajur.

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

Cara lain untuk menyelesaikannya adalah dengan menggunakan column-ruleharta tanah pendek, yang menggabungkan column-rule-width, column-rule-styledan column-rule-color.

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

Sintaks

column-rule-width: thin | medium | thick |
  • Nilai awal: medium
  • Berlaku untuk: bekas berbilang lajur
  • Diwarisi: tidak
  • Nilai dikira: panjang mutlak; 0jika column-rule-styleitu noneatauhidden
  • Jenis animasi: mengikut jenis nilai yang dikira

Nilai

column-rule-width mengambil satu nama, panjang atau nilai global.

/* 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;

Demo

Sokongan penyemak imbas

IE Hujung Firefox Chrome Safari Opera
10+ 12+ 3.5+ 4+ 3.1+ 11.5+
Android Chrome Android Firefox Penyemak Imbas Android Safari iOS Opera Mini
85+ 79+ Tidak 3.2+ Semua
Sumber: caniuse

Spesifikasi

Modul Tata Letak Multi-lajur CSS Tahap 1 (Draf Editor)