CSS break-inside Property

The break-inside property prevents an unnecessary break in a multi-region context, multi-column layout, or paged media. This property specifies how region, column, or page breaks should be handled within a generated box. If there is no generated box, this property is ignored.



Property Values

Value Description
auto Default. Within the element, an automatic page/column/region break occurs.
avoid Avoid inserting a page/column/region break within the element.
avoid-column Avoid using a column break within the element.
avoid-page Avoid using a page break within the element.
avoid-region Avoid using a region break within the element.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Element Chrome Firefox Safari Edge / IE Opera
break-inside 50.0 65.0 10.0 10.0 37.0