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. |
Leave a Reply