CSS @page 規(guī)則

@page規(guī)則定義styleSheet中頁(yè)面框的尺寸，方向和頁(yè)邊距，用于打印預(yù)覽和從瀏覽器打印Web文檔。通常，在此構(gòu)造中，各種CSS屬性（如大小，頁(yè)面和邊距）用于指定頁(yè)面框的尺寸，方向，邊距等。

頁(yè)面框是一個(gè)矩形區(qū)域，其中包含兩個(gè)區(qū)域：

• 該頁(yè)面區(qū)域。頁(yè)面區(qū)域包括該頁(yè)面上布置的框。第一頁(yè)區(qū)域的邊緣建立了矩形，該矩形是文檔的初始包含塊。畫(huà)布背景被繪制在其中并覆蓋頁(yè)面區(qū)域。

• 在邊緣區(qū)域，圍繞頁(yè)面區(qū)域。頁(yè)邊距區(qū)域是透明的。

CSS @page 規(guī)則的使用語(yǔ)法

該規(guī)則的語(yǔ)法如下：

@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規(guī)則支持不佳。

Firefox （無(wú)） Google Chrome2+ Internet Explorer 8+ Apple Safari 5+ Opera 6+

進(jìn)一步閱讀

請(qǐng)參考以下教程：CSS Media Types。