Several types of named @page rules can be created, and the page property enables switching between them within one document.

@page Landscape {   /* "Landscape" named page */
  size: A4 landscape;
}
@page Portrait {    /* "Portrait" named page */
  size: A4;
}
table.WideTable {
  page: Landscape;  /* place a large table on the side of a "Landscape" page */
}
html {
  page: Portrait;   /* Use a "Portrait" page as the default */
}

<p>Portrait page</p>

<table role="WideTable" border="1" style="width:100%">
<tr>
<td>1</td>
…
<td>18</td>
</tr>
</table>

Figure 5. page property selects named page