:first

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

/* Selects the content on the first page while printing */
@page :first {
  margin-left: 50%;
  margin-top: 50%;
}

Syntax

:first

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