CSS | @page 规则

CSS @page 规则定义了要打印的页面的尺寸。当您要打印以下列出的网页时，应该控制一些重要的事情：

• 页面大小、方向、边距、边框和填充。
• 分页符。
• 页眉和页脚。
• 页计数器。
• 孤儿。

当你遵循@page规则时，以上所有事情都是可控的。

句法：

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

页面描述符： @page 规则中有三个描述符，它们是：

• size：指定页框包含块的大小。

  @page {
        size: A4;
   }
  

• 标记：它有助于修剪要打印的页面。

  @page {
        marks: crop cross;
   }
  

• 出血：它扩展框的出血区域

  @page {
        bleed: 7pt;
   }
  

例子：

    
    
GeeksforGeeks
    
CSS Page At-rule
    

     If you open output in a new window and print the page
     the margin around the text content appears differently
     than it appears on the screen.
    
    
      

 

输出：当您选择打印上述代码的输出屏幕时。

支持的浏览器： CSS @page 规则支持的浏览器如下：

• 谷歌浏览器 2.0
• 互联网浏览器 8.0
• Safari 5.1
• 歌剧 6.0