Template:Break-inside/doc
Appearance
This is a documentation subpage for Template:Break-inside. It contains usage information, categories, and other content that is not part of the original template page. |
Usage
[edit]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
[edit]{{break-inside|avoid}}
gives:-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;
References
[edit]- ↑ CSS Multi-column Layout Module, W3C specification.
- ↑ Fragmentation Module Level 3, Break properties, W3C specification.
See also
[edit]- {{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.