Více sloupců
Více sloupců se používá k vytvoření vzhledu novinovcýh sloupců. Je zde nutné myslet na to, že uvedené rozložení je vhodné pro větší monitory
Pro mobilní zařízení neni povětšinou toto zobrazení vhodné
column-count
column-count určuje počet sloupců v daném segmentu
div column-count:3;
column-gap
column-gap určuje mezeru mezi sloupci.
column-gap:5em;
column-rule-style
column-rule určuje pravidlo čáry mezi sloupci.
column-rule-width
column-rule-width určuje velikost mezery mezi sloupci
column-rule-width: 0.25em
column-rule-color
column-rule-color určuje barvu čáry mezi sloupci.
column-rule-color: lightblue;
column-rule
Column-rule je zkrácená vlastnost pro nasvaení všech výše uvedených vlastností column-rule-*.
column-rule: 0.25em solid lightblue
Poznámka:
Obsah sloupců se automaticky mění s ohledem na šířku nadřazeného prvku (rozlišení obrazovky).
Set the Rule Color
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam error asperiores praesentium odit libero dolor, animi molestias saepe numquam corrupti, fuga consectetur quasi officiis iste accusantium illum voluptas laborum architecto?
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Necessitatibus natus voluptatum mollitia cum deleniti impedit eos aut labore neque nam amet est, iusto, iste, in asperiores nesciunt voluptatem pariatur consequuntur?Lorem ipsum dolor, sit amet consectetur adipisicing elit. Autem molestias, deleniti eos iure quidem iste quisquam quae incidunt vitae cumque, quia aliquid est sint alias illum mollitia assumenda itaque fugit! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quisquam placeat odio in maxime molestiae deleniti rerum ducimus possimus pariatur. Asperiores officia id dolor libero. Odio fuga ea et consectetur modi!
