Template:Break-inside: Difference between revisions
Content deleted Content added
rm non-existent property, fix firefox. |
Billinghurst (talk | contribs) m Protected "Template:Break-inside": Highly transcluded template ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only autoconfirmed users] (indefinite)) |
||
| (11 intermediate revisions by 10 users not shown) | |||
| Line 2: | Line 2: | ||
|avoid|avoid-column=<!-- |
|avoid|avoid-column=<!-- |
||
-->-webkit-column-break-inside:avoid;<!--Chrome, Safari, Opera 15+--><!-- |
-->-webkit-column-break-inside:avoid;<!--Chrome, Safari, Opera 15+--><!-- |
||
-->page-break-inside:avoid;<!--Firefox--><!-- |
-->page-break-inside:avoid;<!--incomplete fix for old Firefox; some old Opera--><!-- |
||
-->break-inside:avoid-column;<!--CSS standard, IE 10+--> |
-->break-inside:avoid-column;<!--CSS standard, IE 10+--> |
||
}}<noinclude>{{documentation}}</noinclude> |
}}<noinclude>{{documentation}}</noinclude> |
||
Latest revision as of 22:12, 13 February 2019
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.