CSS

CSS Intro

CSS Intro Quiz

CSS Intro Exercise

CSS Basic

CSS Basic Quiz

CSS Basic Exercise

CSS Advance

CSS Advance Quiz

CSS Advance Exercise

CSS3

CSS3 Quiz

CSS3 Exercise

CSS Properties

CSS Functions

CSS Selectors

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.

Code Explanation

All Tutorials related to CSS Properties

All Sections related to CSS