Template:Column-width/doc: Difference between revisions
From the Croc Wiki, the Croc encyclopedia
Jump to navigationJump to search
Content added Content deleted
m (→Example) |
m (→Usage) |
||
Line 10: | Line 10: | ||
Use it in CSS style properties to set the ''minimum'' width of columns to render the contents of a multi-column element. |
Use it in CSS style properties to set the ''minimum'' width of columns to render the contents of a multi-column element. |
||
Useful for presenting long narrow lists of terms (a width of 18em generally fits well). Extra columns will be created as needed to better fit wide screens without |
Useful for presenting long narrow lists of terms (a width of 18em generally fits well). Extra columns will be created as needed to better fit wide screens without having to scroll vertically to read it completely. |
||
== Example == |
== Example == |
Revision as of 19:28, January 3, 2014
This is a documentation subpage for Template:Column-width. It may contain usage information, categories and other content that is not part of the original template page. |
Usage
This template generates the equivalent of CSS3 style property column-count
[1]
On Webkit browsers (Safari, Chrome, Chromium), it uses the experimental property -webkit-column-count
.
On Mozilla browsers (Firefox), it uses the experimental property -moz-column-count
.
Use it in CSS style properties to set the minimum width of columns to render the contents of a multi-column element.
Useful for presenting long narrow lists of terms (a width of 18em generally fits well). Extra columns will be created as needed to better fit wide screens without having to scroll vertically to read it completely.
Example
{{column-width|18em}}
gives:-moz-column-width:18em;-webkit-column-width:18em;column-width:18em;
References
- ^ CSS Multi-column Layout Module, W3C specification.
See also
- {{break-before}}, {{break-inside}}, {{break-after}} — style properties for child elements.
- {{column-count}}, {{column-gap}} — style properties for parent multi-column elements.