@page

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

@page {
  margin: 1cm;
}

@page :first {
  margin: 2cm;
}

Правило @page доступно через интерфейс объектной модели CSS CSSPageRule (en-US).

Примечание: В W3C обсуждают, как обрабатывать связанные с областью просмотра единицы <length> такие как, vh, vw, vmin, и vmax. Тем временем не используя их с правилом @page.

Синтаксис

Дескрипторы

size (en-US)

Указывает целевой размер и ориентацию полей страницы, содержащихся в блоке. В общем случае, когда одно поле страницы отображается на одном листе страницы, он также определяет размер и ориентацию листа страницы.

marks

Добавляет обрезку и/или регистрационные отметки в документ.

bleed

Определяет степень заступа за пределы поля страницы, при котором отображаемая область страницы отрезается.

Формальный синтаксис

@page = 
  @page <page-selector-list>? (en-US) { <declaration-list> }  

<page-selector-list> = 
  <page-selector># (en-US)  

<page-selector> = 
  [ (en-US) <ident-token>? (en-US) <pseudo-page>* (en-US) ]!  

<pseudo-page> = 
  ':' [ (en-US) left | (en-US) right | (en-US) first | (en-US) blank ] (en-US)

Примеры

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

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

Specification
CSS Paged Media Module Level 3
# at-page-rule
CSS Logical Properties and Values Level 1
# page

Поддержка браузерами

BCD tables only load in the browser

Смотрите также

  • Смотрите тикет [META] CSS Paged Media Module Level 3 в Bugzilla для отслеживания прогресса по теме (базовый страничный счётчик, и т.д.)