:first¶

Псевдокласс :first используемый совместно с правилом @page, определяет первую страницу печатного документа.

Примечание. Вы не можете изменить все свойства CSS с помощью этого псевдокласса. Вы можете изменять margin, orphans, widows и разрывы страниц документа. Кроме того, при определении margin вы можете использовать единицы абсолютной длины. Все остальные свойства будут игнорироваться.

Синтаксис¶

1
2
3
4
5

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

Спецификации¶

• CSS Paged Media Module Level 3
• CSS Level 2 (Revision 1)

Пример¶

1
2
3

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

1
2
3
4
5
6
7
8

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

p {
  page-break-after: always;
}

1
2
3

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

Комментарии