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 after Property

CSS break-after Property

 

 

The break-after property is used to determine whether or not a page break, column break, or region break should occur after the specified element. Using break-after, we can tell the browser to break the page, column, or region after 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-after: 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 after the element
all Always insert a page break right after the principal box
always Always insert a page break after the element
avoid Avoid a break after the element
avoid-column Avoid a column break after the element
avoid-page Avoid a page break after the element
avoid-region Avoid a region break after the element
column Always insert a column break after the element
left Insert one or two page breaks after the element so that the next page is formatted as a left page
page Always insert a page break after the element
recto Insert one or two-page breaks after the principal box so that the next page is formatted as a recto page
region Always insert a region break after the element
right Insert one or two-page breaks after the element so that the next page is formatted as a right page
verso Insert one or two-page breaks after 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