Псевдокласс :first

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

Для :first доступен ограниченный набор стилевых свойств: margin (и его производные, вроде margin-top), orphans, widows, break-after, break-before, break-inside.

Синтаксис

@page :first { … }
Описание Пример
<тип> Указывает тип значения. <размер>
A && B Значения должны выводиться в указанном порядке. <размер> && <цвет>
A | B Указывает, что надо выбрать только одно значение из предложенных (A или B). normal | small-caps
A || B Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке. width || count
[ ] Группирует значения. [ crop || cross ]
* Повторять ноль или больше раз. [,<время>]*
+ Повторять один или больше раз. <число>+
? Указанный тип, слово или группа не является обязательным. inset?
{A, B} Повторять не менее A, но не более B раз. <радиус>{1,4}
# Повторять один или больше раз через запятую. <время>#

Пример

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>:first</title> <style> @page :first { margin: 1.5cm 1.5cm 1.5cm 3cm; /* Поля для печати */ } h1, p { text-align: center; /* Текст по центру */ } @media print { button { display: none; /* Прячем кнопку для печати */ } } </style> </head> <body> <h1>Наблюдение запутанности Эйнштейна-Подольского-Розена на супраквантовых структурах при пропускании через нелинейный трансурановый кристалл импульса сверхдлинных волн из набора источников синхронизированных мод.</h1> <p>Автор: Гордон Фримен, канд. физ.-мат. наук</p> <p><button onclick="window.print()">Распечатать</button></p> </body> </html>

При отправке этого документа на печать для него уже будут установлены поля печати (рис. 1).

Установленные поля печати

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

Браузеры

8 12 18 9.2 6 116
4.4 116 10.1 6

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.