Name

size — NN n/a IE n/a CSS 2

Synopsis

Inherited: n/a

Sets the size and/or orientation of a page box. Intended primarily for printed page formatting, the settings may not affect how content is cropped or oriented on the video screen. This attribute is set within an @page declaration.

CSS Syntax

size: [length {1,2}] auto | portrait | landscape

Value

If you specify one or two length values, the page box becomes “absolute” regardless of the paper sheet size; without specific length values, the page box is sized relative to the selected paper sheet size. If you supply only one length value, it is applied to both the width and height of the page box; if two values, the first controls the page box width and the second controls the page box height. Bear in mind that printers frequently impose a minimum margin around the rendered page box. Even when the size attribute is set to auto, you can add more breathing space around the page box by adding a margin attribute to the @page declaration.

Initial Value

auto

Example

@page{size: landscape}

Applies To

Page context.

Get Dynamic HTML: The Definitive Reference now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.