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 (Protected "Template:Break-inside": Highly transcluded template ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only autoconfirmed users] (indefinite)))
 
(15 intermediate revisions by 13 users not shown)
Line 1: Line 1:
 
{{#switch:{{lc:{{{1|}}}}}
 
{{#switch:{{lc:{{{1|}}}}}
|avoid=<!--
+
|avoid|avoid-column=<!--
-->break-inside:avoid-column;<!--CSS standard
+
-->-webkit-column-break-inside:avoid;<!--Chrome, Safari, Opera 15+--><!--
-->-webkit-column-break-inside:avoid;<!--for Chrome--><!--
+
-->page-break-inside:avoid;<!--incomplete fix for old Firefox; some old Opera--><!--
-->overflow:hidden;<!--fix for Firefox-->
+
-->break-inside:avoid-column;<!--CSS standard, IE 10+-->
 
}}<noinclude>{{documentation}}</noinclude>
 
}}<noinclude>{{documentation}}</noinclude>

Latest revision as of 22:12, 13 February 2019

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:
    -webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;

References

See also