Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство @page

Справочник: 
Правило

Характеристики свойства

В каких браузерах работает?

8.0+ 2.0+ 6.0+ 5.0+ - - -

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
- + + ?

Для чего используется?

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

Как правильно задавать?

@page [ { :left } ] { Значения отступов }

Какие могут быть значения?

Так как предназначение правила заключается в установке полей, то его значения прописываются посредством универсального свойства margin или его уточняющих сородичей - margin-top, margin-right, margin-bottom и margin-left.

Также существуют команды, которые автоматизируют процесс установки полей документа:

  • :left - ставит поля для левых страниц.
  • :right - соответствует правым страницам и полями для них.
  • :first - прописывает поля для первой страницы документа.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Правило @page</title>
  <style>
   @media print {
    body {
     font-family: Times, 'Times New Roman', serif;
    }
    h1, p {
     color: #000;
   }
   @page :first {
    margin: 20px;
   }
 
  </style>
 </head>
 <body>
  <h1>Название статьи</h1>
   <p>Текст статьи, которая написана для примера,
 чтобы показать, как работает правило page.</p>
   <p>Стоит обратить внимание, что в примере указаны
 два индивидуальных стиля, которые привязаны к выводу
 на экране в одном случае, и к выводу на принтере во втором.</p>
 </body>
</html>

Тип CSS свойства: 
Правило