CSS Paged Media



CSS paged media refers to a set of CSS modules that enable the styling of documents for printing or displaying on other media.

CSS paged media provides additional features and properties specifically designed for printed documents. Using CSS paged media modules, you can create stylesheets that are specifically tailored for printed output, ensuring that the content looks good when it is printed on paper. This is particularly useful for generating reports, books, and other documents where the printed presentation is important.

CSS Paged Media - Related Properties

Following is the list of CSS properties related to paged media:

property value
break-after To break the page after an element. This is useful for controlling the layout of printed pages.
break-before To break the page before an element. This is useful for controlling the layout of printed pages.
break-inside To break the page inside an element. This is useful for controlling the layout of printed pages.
orphans Specify the starting minimum number of lines placed at the bottom of the page.
widows Specify the last minimum number of lines placed at the top of the page.

CSS at-rules

Following is the list of CSS at-rules related to paged media:

property value
@page Specify the styles for printed pages when a web page is printed.

CSS Pseudo-Classes

Following is the list of CSS pseudo-classes related to paged media:

property value
:first Selects the first page of a printed document.
:left Represents all left-hand pages of a printed document.
:right Represents all right-hand pages of a printed document.
Advertisements