CSS Reference Pseudo-class

:blank 4v4i14

:blank is a CSS pseudo-class selector used to select pages of a printed document, such as a book, that are empty as a result of a forced break. 10o13

It is used in conjunction with the @page, :blank acts kind of like a filter used to select only the empty pages that are empty as a result of a forced page break.

@page :blank {
    /* styles for the empty page */
}
                

Only the left and right values of the page-break-after properties can generate pages that match :blank.

Styles specified in a :blank @page rule that has no pseudo-class specified.

Also, styles specified in a :blank :right entries for more information.)

It is important to note that you cannot change all CSS properties inside an @rule. See the @page entry for more information on what styles can be changed and/or applied.

The break-after properties, respectively, in a future CSS level.

Official Syntax 55184y

@page :blank {
    /* styles for the empty page */
}                
                

Examples 3e5p5z

Since only margins, orphans, widows, and page breaks can be styled inside an @page rule, styling any of these for a blank page does not make sense.

However, in CSS3, at-rules that select and target page margins were introduced. They have no browser at this time. But the following is an example of how you might style an empty page using a page margin at-rule; the example inserts content into the center of the top margin of an empty page:

@page :blank {
  @top-center { content: "This page is intentionally left blank" }
}
                

More information about this will be provided once available.

Browser k5t66

:blank was introduced in CSS Level 3 and is still fairly new. Its browser is yet to be determined.

Further Reading 4g1p1d

Written by

Last updated July 1, 2020 at 12:39 pm by Pedro Botelho

Do you have a suggestion, question or want to contribute? Submit an issue.