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
Explorer Edge Chrome Firefox Opera Safari
101250653710
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
50506537105.0

Last updated by CSSPortal on: