@page

Обновлено: 30.05.2022

@page

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

Синтаксис

@page [ { :left | :right | :first } ] { ... }

Значения

Для установки полей на странице используется универсальное свойство margin или его производные — margin-top, margin-right, margin-bottom и margin-left, задающие соответственно отступ сверху, справа, снизу и слева. Отрицательное значение допускается, но часть страницы может оказаться «отрезанной». Свойства border и padding не применимы.

Ключевое слово :left позволяет задать поля для всех левых страниц, :right — для всех правых, а :first — для первой страницы.

Пример

Сам файл print.css выглядит следующим образом.

body {
 font-family: Times, 'Times New Roman', serif; /* Шрифт с засечками */
}
h1, h2, p {
 color: #000; /* Черный цвет текста */
}
@page :first {
 margin: 1cm; /* Отступы для первой страницы */ 
}
@page :left {
 margin: 1cm 3cm 1cm 1.5cm; /* Отступы для всех левых страниц */ 
}
@page :right {
 margin: 1cm 3cm 1cm 1.5cm; /* Отступы для всех правых страниц */ 
}

Браузеры

@page

Посмотреть совместимость на Can I use?

@page