CSS break-inside property
The break-inside property lets you prevent a useless break within a multi-region context, multi-column layout, and in paged media. This property sets how region, column, or page breaks should behave inside a generated box. This property is ignored if there is no generated box.
break-inside: Keywor_values; /* Or */ break-inside: Global_values;
Property values: This property accepts the properties values mentioned above and described below:
- Keyword_values: This property refers to the values defined as auto, avoid, avoid-page, avoid-column, avoid-region, etc.
- Global_values: This property refers to the values defined as initial, inherit, unset, etc.
Example: Below is the example which illustrates the use of break-inside property
- Firefox (partially supported)
- Safari (partially supported)
- Internet Explorer