Sütun-kural-genişliği - CSS Hileleri

İçindekiler:

Anonim

column-rule-widthCSS özelliği ile sütunları arasında çizilen çizginin kalınlığını ayarlayan column-rule-stylebir CSS çok sütunlu düzeni.

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

Bu konuda gitmek için başka bir yol kullanmaktır column-rulebirleştiren steno özelliğini, column-rule-width, column-rule-styleve column-rule-color.

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

Sözdizimi

column-rule-width: thin | medium | thick |
  • Başlangıç ​​değeri: medium
  • Şunlar için geçerlidir: çok sütunlu kaplar
  • Devralındı: hayır
  • Hesaplanan değer: mutlak uzunluk; 0eğer column-rule-styleolduğunu noneyahidden
  • Animasyon türü: hesaplanan değer türüne göre

Değerler

column-rule-width tek bir adlandırılmış, uzunluk veya genel değer alır.

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

Tarayıcı desteği

IE Kenar Firefox Krom Safari Opera
10+ 12+ 3.5+ 4+ 3.1+ 11.5+
Android Chrome Android Firefox Android Tarayıcı iOS Safari Opera Mini
85+ 79+ Hayır 3.2+ Herşey
Kaynak: caniuse

Şartname

CSS Çok Sütunlu Düzen Modülü Seviye 1 (Editörün Taslağı)