Permanently protected template

Difference between revisions of "Template:Break-inside"

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

Revision as of 04:01, 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;overflow: hidden;

References

See also