5.1 The @page Rule

Chapter 5 - Page Selectors and the Page Context - 5.1 The @page Rule

Go to the relevant page of the specification.

page-props-100-a (paged)
Unqualified Page Contexts (first, right)
A margin declaration within a page context which is not qualified by a pseudo-class (or, for css3, a named page identifier) sets the margins for every page of the document which doesn't match a page context with a :first, :right, or :left pseudoclass (or, for css3, a named page identifier).
page-props-100-b (paged)
Unqualified Page Contexts (first, left)
A margin declaration within a page context which is not qualified by a pseudo-class (or, for css3, a named page identifier) sets the margins for every page of the document which doesn't match a page context with a :first, :right, or :left pseudoclass (or, for css3, a named page identifier).
page-selectors-001 (paged)
page selector is optional in @page rules
An @page rule consists of the keyword '@page', followed by an optional page selector, followed by a block of declarations.
at-page-rule-002-a (paged)
@page margins on top and right using percentages
A percentage right margin in the @page context applies to the page box and is relative to the width of the page box. A percentage top margin in the @page context applies to the page box and is relative to the height of the page box.
at-page-rule-002-b (paged)
@page margins shorthand using fixed physical units
A margin declaration within the @page context applies to the page box.
at-page-rule-002-c (paged)
Page Margins: bottom and left (percent)
A margin declaration within the @page context applies to the page box. Percentage values on right and left margins are relative to the page box width. Percentage values on top and bottom margins are relative to the page box height.
page-borders-000 (paged)
@page border shorthand (absolute units)
A border declaration within the @page context applies to the page box.
page-container-000 (paged)
Paged Media root container
For a single-page document, the containing box for the root element is the page area.
page-container-001 (paged)
paged media abspos containing block
For a single-page document, the containing box for positioned content with no positioned ancestor is the page area.
page-container-002 (paged)
paged media root percent height
A percentage height on the root element is relative to the page area height.
page-container-003 (paged)
paged media position fixed
Elements with 'position: fixed' are positioned relative to the page area and are rendered on every page of the printed document.
page-container-004 (may, paged)
Paged Media root container (float)
The root element when floated abuts the left or right edge of the page area.
page-container-005 (image, paged)
Paged content
The page area includes the boxes laid out on that page. The content of the document is flowed into the page area of one or more page sheets.
page-container-006 (paged)
Paged media - percent on root
A percentage width on the root element is relative to the page area width.
page-container-010 (paged)
Paged Media Height (percent)
For HTML documents in paged media, when the HTML and BODY elements have heights of 100%, a percentage height on a child of BODY is relative to the page area height.
page-margin-000 (paged)
@page margins shorthand using fixed physical units
A margin declaration within the @page context applies to the page box.
page-margin-001 (paged)
@page margins on top and right using percentages
A percentage right margin in the @page context applies to the page box and is relative to the width of the page box. A percentage top margin in the @page context applies to the page box and is relative to the height of the page box.
page-margin-002 (paged)
@page margins on bottom and left using percentages
A margin declaration within the @page context applies to the page box.
page-margin-003 (paged)
@page margin shorthand using ems
A margin declaration within the @page context applies to the page box. A margin expressed in ems uses the page context's font.
page-properties-000 (paged)
@page width and height
The 'width' and 'height' properties do not apply to a page box.