:first

The :first @page CSS pseudo-class describes the styling of the first page when printing a document.

Syntax

:first { style properties }

Example

HTML

<p>First Page.</p>
<p>Second Page.</p>
<button>Print!</button>

CSS

@page :first {
  margin-left: 50%;
  margin-top: 50%;
}

p {
  page-break-after: always;
}

JavaScript

document.querySelector("button").onclick = function(){ window.print() }

Result

Press the "Print!" button to print the example. The words on the first page should be somewhere around the center, while other pages will have their contents on the default position.

Specifications

Browser compatibility

See also

• @page
• :left
• :right