Template:Column-rule/doc
Appearance
This is a documentation subpage for Template:Column-rule. It contains usage information, categories, and other content that is not part of the original template page. |
Usage
[edit]This template generates the equivalent of CSS3 style property column-rule
[1]
The value specified is similar to the CSS style border
property: width style color.
- If the specified width of the column rule is non-zero and if the rule itself is visible (does not use the
transparent
color, or its style is neithernone
orhidden
), you should define a non-zero column gap larger than this rule. - A common value for the column rule style is
1px solid #AAA
which gives a solid gray line (and the column gap should be set to1em
- The column rule will only appear centered in the middle of the column gap separating pairs of sucessive columns, it will not be rendered if only one column can fit in the multi-column parent container.
Example
[edit]{{column-rule|1px solid #AAA}}
gives:column-gap:1px solid #AAA;
References
[edit]- ↑ CSS Multi-column Layout Module, W3C specification.
See also
[edit]- {{break-before}}, {{break-inside}}, {{break-after}} — style properties for child elements.
- {{column-width}}, {{column-count}}, {{column-gap}} — style properties for parent multi-column elements.