Difference between revisions of "Template:Column-gap"

From translatewiki.net
Jump to navigation Jump to search
 
 
Line 1: Line 1:
-moz-column-gap:{{{1|.5em}}};-webkit-column-gap:{{{1|.5em}}};column-gap:{{{1|.5em}}};<noinclude>{{Documentation}}</noinclude>
+
-moz-column-gap:{{{1|1em}}};-webkit-column-gap:{{{1|1em}}};column-gap:{{{1|1em}}};<noinclude>{{Documentation}}</noinclude>

Latest revision as of 17:56, 23 June 2019

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

Test Template Info-Icon - Version (2).svg
The documentation of Column-gap/doc this template is included from its /doc subpage (Edit)
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="{{{{BASEPAGENAME}}|2em}}" generates:
    style="-moz-column-gap:2em;-webkit-column-gap:2em;column-gap:2em;"
See also: