CSS @page 規(guī)則

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

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

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

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

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

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

@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 （無） Google Chrome2+ Internet Explorer 8+ Apple Safari 5+ Opera 6+

進一步閱讀

請參考以下教程：CSS Media Types。