Detailed explanation of the use and definition of css @page

Syntax:

page : auto | pagetype

Parameters:

auto: Refer to the current default page
pagetype: Specify a page type (pagetype) definition in the @page rule

Description:

Retrieve or specify the page type (pagetype) used when displaying the object container. See @page rules.
The corresponding script feature is page. Please see other books I have written.

Example:

@page doublepage { size: 8.5in 11in; page-break-after: left }
body { page: doublepage; page-break-after: right }

Set the layout, direction, margin, etc. of the page container.
The page container includes the page content area and the margin area surrounding the content area.

Example:

@page thin:first { size: 3in 8in }

You can try it in Dreamweaver for detailed effects.

@page rule selection page box. Within it, designers can specify the size, layout, orientation, and margins of each page. The page box is a rectangular area, approximately the size of a printed page, that contains the page area and margins. The page area includes the content to be displayed, the edge of the box serves as a container, and the page layout is between the page breaks characters. Unlike other boxes, page boxes have no border lines or edges, only margins.
@page rules select every page in the document. You can use one of the following pagepseudoclassattributes: first, :left or :right to specify different attributes for each page class.
Because the @page rule does not know the page content containing the font, it cannot understand the size in em and ex. All other units of measurement (including percentages) are acceptable. The percentage used to set the margins is also a percentage of the total page frame. Margins can be negative, placing content outside the area normally accessible to applications or printers. In most cases, only information within the visible or printable area is retained.

The above is the detailed content of Detailed explanation of the use and definition of css @page. For more information, please follow other related articles on the PHP Chinese website!