Last Comment Bug 851937 - [css3-page] implement @page { size: <length>{1,2} | <page-size> }
: [css3-page] implement @page { size: <length>{1,2} | <page-size> }
Status: NEW
: css3, dev-doc-needed, testcase-wanted
Product: Core
Classification: Components
Component: Printing: Output (show other bugs)
: Trunk
: All All
-- normal with 12 votes (vote)
: ---
Assigned To: Nobody; OK to take it and work on it
: Jet Villegas (:jet)
: 884690 (view as bug list)
Depends on: 851441
Blocks: 286443 911804 947125 1246805
  Show dependency treegraph
Reported: 2013-03-17 11:44 PDT by Gérard Talbot
Modified: 2016-08-15 07:37 PDT (History)
14 users (show)
See Also:
Crash Signature:
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---


Description User image Gérard Talbot 2013-03-17 11:44:11 PDT
8.1. Page size: the 'size' property
Name: 	size
Value: 	<length>{1,2} | auto | [ <page-size> || [ portrait | landscape] ] 

This property specifies the target size and orientation of the page box's containing block. In the general case, where one page box is rendered onto one page sheet, the 'size' property also indicates the size of the destination page sheet. 

Examples of @page's size usage:

size: <length>{1,2}
@page {size: 4in 6in;} /* 4 inches wide by 6 inches high in default portrait orientation */

size: <page-size>
@page {size: letter;} /* 8.5 inches wide by 11 inches high in default portrait orientation */

size: <page-size>
@page {size: A4;} /* 297mm wide by 210mm high in default portrait orientation */

size: <page-size>
@page {size: legal;} /* 8.5 inches wide by 14 inches high in default portrait orientation */
Comment 1 User image Simon Sapin (:SimonSapin) 2013-06-27 03:17:06 PDT
*** Bug 884690 has been marked as a duplicate of this bug. ***
Comment 2 User image David E. Ross 2013-07-17 11:06:21 PDT
Does this block or depend on bug #851441?
Comment 3 User image Daniele "Mte90" Scasciafratte 2015-07-29 10:16:30 PDT
any news for this?
Comment 4 User image David Baron :dbaron: ⌚️UTC-8 2015-07-29 11:45:58 PDT
I don't understand what this feature is supposed to do.  How does it interact with a printer having only particular sizes of paper, and the user having chosen one of those sizes already?
Comment 5 User image Daniele "Mte90" Scasciafratte 2015-07-29 15:43:56 PDT
Take as example a Shower.js presentation example (, they use the size for set the dimension of the print page.
If you open the site on Chrome you can see a full page in printing but in Firefox have a wrong layout.

Note You need to log in before you can comment on or make changes to this bug.