CSS break-inside Property
Description
The break-inside
property controls page/column/region breaks that fall within a block of content.
- Initial value
- auto
- Applies to
- Block level elements
- Inherited
- Yes
- Media
- Visual
- Computed value
- Specified value
- Animatable
- No
- CSS Version
- CSS2, CSS3
- JavaScript syntax
- object.style.breakInside
Syntax
break-inside: auto | avoid | avoid-page | avoid-column
Values
- autoA page/column/region break is determined by the flow of content.
- avoidA page/column/region break is not allowed within the content block.
- avoid-pageA page break is not allowed within the content block.
- avoid-columnA column break is not allowed within the content block.
- avoid-regionA region break is not allowed within the content block.
- inherit
Example
.class {
break-inside: avoid;
}
Browser Support
Desktop | |||||
10 | 12 | 50 | 65 | 37 | 10 |
Tablets / Mobile | |||||
![]() |
|||||
50 | 50 | 65 | 37 | 10 | 5.0 |
Last updated by CSSPortal on: