Permanently protected template

Difference between revisions of "Template:Break-inside"

From Meta, a Wikimedia project coordination wiki
Jump to navigation Jump to search
m
m
Line 1: Line 1:
 
{{#switch:{{lc:{{{1|}}}}}
 
{{#switch:{{lc:{{{1|}}}}}
|avoid=<!--
+
|avoid|avoid-column=<!--
-->break-inside:avoid-column;<!--CSS standard
+
-->break-inside:avoid-column;<!--CSS standard? IE?--><!--
-->-webkit-column-break-inside:avoid;<!--for Chrome--><!--
+
-->-webkit-column-break-inside:avoid;<!--Chrome--><!--
  +
-->-moz-column-break-inside:avoid;<!--Safari, Firefox--><!--
 
-->overflow:hidden;<!--fix for Firefox-->
 
-->overflow:hidden;<!--fix for Firefox-->
 
}}<noinclude>{{documentation}}</noinclude>
 
}}<noinclude>{{documentation}}</noinclude>

Revision as of 04:29, 8 January 2014

Template documentation


Usage

This template generates the equivalent of CSS3 style property break-inside.[1][2]

On Webkit browsers (Safari, Chrome, Opera 15+), it uses the experimental property -webkit-column-break-inside.

Use it in CSS style properties to avoid a column break within a child element of a multi-column element.

Example

  • {{break-inside|avoid}} gives:
    break-inside:avoid-column;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;overflow:hidden;

References

See also