HTML | DOM 样式 pageBreakBefore 属性

HTML DOM 中的pageBreakBefore属性用于设置或返回 HTML 文档中指定元素之前的 page-break-before 特性。此属性适用于打印和打印预览模式。 pageBreakBefore 属性对 HTML DOM 中的绝对定位元素没有影响。分页前属性只能在打印预览模式和硬拷贝中生效。

句法：

• 它返回 pageBreakBefore 属性。

  object.style.pageBreakBefore

• 它用于设置 pageBreakBefore 属性。

  object.style.pageBreakBefore = "auto|always|avoid|emptystring|left
               |right|initial|inherit"

属性值：

• auto：这是默认值。如有必要，它用于在元素之前断开页面。
• always：这个值总是在元素之前插入一个分页符。
• 避免：该值避免元素前的分页符
• 空字符串：当分页符未插入到元素之前时使用此值。
• left：用于在元素前插入一两个分页符，因此下一页被认为是左页。
• right：用于在元素前插入一两个分页符，因此下一页被认为是右页。
• 初始： pageBreakBefore 属性用于设置其默认值。
• 继承：从其父元素继承。

返回值：它返回一个字符串，表示打印时指定元素之前的分页属性。

示例 1：

 
 
     
        
            DOM Style pageBreakBefore Property 
         
     
      
     
        GeeksforGeeks
              
        
            DOM Style pageBreakBefore Property 
        
          
         
                PageBreak 
             
              
         
            function geeks() { 
            document.getElementById("footer").style.pageBreakBefore
                    = "always";
                                                      
            } 
         
     
                    

输出：
点击按钮前打印预览：

单击按钮后打印预览：

示例 2：避免元素前的分页符。

 
 
     
        
            DOM Style pageBreakBefore Property 
         
     
      
     
        GeeksforGeeks
              
        
            DOM Style pageBreakBefore Property 
        
          
         
                PageBreak 
             
              
         
            function geeks() { 
            document.getElementById("footer").style.pageBreakBefore
                    = "avoid";
                                                      
            } 
         
     
                    

输出：
点击按钮前打印预览：

单击按钮后打印预览：

支持的浏览器： DOM Style pageBreakBefore 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果浏览器
• 歌剧