Template:Column-rule

From Meta, a Wikimedia project coordination wiki
Jump to navigation Jump to search
Template documentation[view] [edit] [history] [purge]

Usage[edit]

This template generates the equivalent of CSS3 style property column-rule [1]

On Webkit browsers (Safari, Chrome, Chromium), it uses the experimental property -webkit-column-rule.

On Mozilla browsers (Firefox), it uses the experimental property -moz-column-rule.

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 neither none or hidden), 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 to 1em
  • 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:
    -moz-column-gap:1px solid #AAA;-webkit-column-gap:1px solid #AAA;column-gap:1px solid #AAA;

References[edit]

  1. CSS Multi-column Layout Module, W3C specification.

See also[edit]