Правило @page CSS

Правило @page определяет размер, ориентацию и поля рамки страницы в styleSheet, используемые для предварительного просмотра печати и печати веб-документа из браузера. Обычно, в этом строительстве, различные свойства CSS (например, размер, страница и поля) используются для определения размера, ориентации и полей рамки страницы.

рамка страницы - это прямоугольная область, которая включает в себя две области:

• ЭтотОбласть страницы. Область страницы включает в себя рамки, расположенные на этой странице. Крайняя область первой страницы создает прямоугольник, который является начальным содержимым документа. Фон канвы рисуется внутри и перекрывает область страницы.

• вОбласть краяокружает область страницы. Область маржина является прозрачной.

Использование грамматики CSS @page правила

Грамматика этого правила такая:

@page [:left | :right | :first] {
　　　　/* print-specific rules */
}

Ниже приведен пример того, как использовать атрибут @page.

@page {
margin: 2in; /* default for all pages */
}
@page :left {
margin: 1in; /* margin on left page */
}
@page :right {
margin: 3in; /* margin on right page */
}
@page :first {
margin-top: 5in; /* top margin on first page */
}

Совместимость браузеров

Поддержка правила @page не очень хорошая.

Дополнительное чтение

Пожалуйста, обратитесь к следующим руководствам:CSS Media Types.