Oszlop-szabály-szélesség - CSS-trükkök

Tartalomjegyzék:

Anonim

A column-rule-widthCSS tulajdonság beállítja annak a vonalnak a vastagságát, amelyet az oszlopok között rajzolnak column-rule-styleegy CSS többoszlopos elrendezésben.

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

Egy másik módszer a column-rulegyorsírás használatára , amely egyesíti column-rule-width, column-rule-styleés column-rule-color.

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

Szintaxis

column-rule-width: thin | medium | thick |
  • Kezdő érték: medium
  • A következőkre vonatkozik: többoszlopos tartályok
  • Örökölt: nem
  • Számított érték: abszolút hosszúság; 0ha az column-rule-stylevan none, vagyhidden
  • Animáció típusa: kiszámított értéktípus szerint

Értékek

column-rule-width egyetlen megnevezett, hosszúságú vagy globális értéket vesz fel.

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

Demó

Böngésző támogatás

AZAZ Él Firefox Króm Szafari Opera
10+ 12+ 3,5+ 4+ 3.1+ 11.5+
Android Chrome Android Firefox Android böngésző iOS Safari Opera Mini
85+ 79+ Nem 3.2+ Összes
Forrás: caniuse

Leírás

CSS többoszlopos elrendezési modul, 1. szint (a szerkesztő tervezete)