CSS break-inside Property

  2. CSS Properties
  3. break-inside

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:

  • Sponsors
    • Turn Website into App - Convert your website into an app for Android and iOS. Updates automatically. Unicode Characters & Emojis - Search all Unicode characters and emojis plus other tools. Learn Wordpress - Wordpress hosting. Theme and plugin reviews. Wordpress development tips. Templatic - Wordpress Themes, Cloud Hosting, Backups and Webmaster Tips. A2 Web Hosting - Shared hosting, Reseller hosting, Cloud hosting, Dedicated hosting. Online Password Manager - Access your passwords from any computer, no need to remember all of your passwords. Advertise Here - Advertise your company and products here!