:first

@page @規則 で使われる CSS の :first 疑似クラスは、印刷文書の最初のページを表します。

/* 印刷時に最初のページを選択 */
@page :first {
  margin-left: 50%;
  margin-top: 50%;
}

構文

:first

例

HTML

<p>最初のページです。</p>
<p>2枚目のページです。</p>
<button>印刷</button>

CSS

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

p {
  page-break-after: always;
}

JavaScript

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

結果

［印刷］ボタンを押すと、例を印刷します。最初のページの言葉は中央付近に印刷されますが、他のページのコンテンツは既定の位置に印刷されます。

仕様書

ブラウザー実装状況

関連項目

• @page
• ページに関する他の疑似クラス: :left, :right