Jump to content

Template:Column-gap

From translatewiki.net

-moz-column-gap:1em;-webkit-column-gap:1em;column-gap:1em;

The documentation of this template is included from its /doc subpage.
Usage:
Generates some CSS styles to ensure compatibility with most browsers.
Syntax:
  • {{Column-gap|gap width}}
Parameters:
  • 1= Width of gaps between columns, 1em by default.
Notes:
  • The default value is the minimum to use for correctly separating columns containing paragraphs of text.
  • If you use narrow columns of text, you'll want to reduce that gap, but in that case you should use contrasting vertical column-rules that will be centered in each gap for easier reading (don't use less than .5em, or 5px if the rule width is thin or one pixel.
  • If you use columns of images (without any contrasting rule in gaps), a gap width of 1px may be enough, or even 0 if all these images include their own margins.
  • You should suppress that gap for bulleted list of items (or when paragraphs in the content have indented margins) by specifying the value 0 for the gap width.
Example:
  • style="{{Column-gap|2em}}" generates:
    style="-moz-column-gap:2em;-webkit-column-gap:2em;column-gap:2em;"
See also: