Template:Break-inside: Difference between revisions
Content deleted Content added
No edit summary |
MF-Warburg (talk | contribs) m Reverted changes by 223.62.216.214 (talk) to last version by Edokter |
||
| Line 1: | Line 1: | ||
{{#switch:{{lc:{{{1|}}}}} |
|||
|avoid|avoid-column=<!-- |
|||
-->-webkit-column-break-inside:avoid;<!--Chrome, Safari, Opera 15+--><!-- |
|||
-->page-break-inside:avoid;<!--Firefox--><!-- |
|||
-->break-inside:avoid-column;<!--CSS standard, IE 10+--> |
|||
}}<noinclude>{{documentation}}</noinclude> |
}}<noinclude>{{documentation}}</noinclude> |
||
Revision as of 23:19, 14 December 2014
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
- ↑ CSS Multi-column Layout Module, W3C specification.
- ↑ Fragmentation Module Level 3, Break properties, W3C specification.
See also
- {{break-before}}, {{break-after}} — style properties for child elements multi-column elements.
- {{column-count}}, {{column-width}}, {{column-gap}}, {{column-rule}} — style properties for parent multi-column elements.