Характеристики свойства
В каких браузерах работает?
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 свойства:
Правило