CSS break before Property
CSS break-before Property
The break-before property is used to determine whether or not a page break, column break, or region break should occur before the specified element. Using break-before, we can tell the browser to break the page, column, or region before the element or avoid the element to be split and span across two pages.
Default Value:-
Its default value is auto.
Syntax:-
Its syntax is:- break-before: auto | all | always | avoid | avoid-column | avoid-page | avoid-region | column | left | page | recto | region | right | verso | initial | inherit;
Further Explanation:-
Value | Description |
---|---|
auto | Automatic break before the element |
all | Always insert a page break right before the principal box |
always | Always insert a page break before the element |
avoid | Avoid a break before the element |
avoid-column | Avoid a column break before the element |
avoid-page | Avoid a page break before the element |
avoid-region | Avoid a region break before the element |
column | Always insert a column break before the element |
left | Insert one or two-page breaks before the element so that the next page is formatted as a left page |
page | Always insert a page break before the element |
recto | Insert one or two-page breaks before the principal box so that the next page is formatted as a recto page |
region | Always insert a region break before the element |
right | Insert one or two-page breaks before the element so that the next page is formatted as a right page |
verso | Insert one or two-page breaks before the principal box so that the next page is formatted as a verso page |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |