JavaScript HTML DOM Style orphans 属性

  • orphans 属性

    orphans属性设置或返回必须在页面底部可见的元素的最小行数(用于打印或打印预览)。orphans属性仅影响块级元素。
    提示:orphans:5表示在分页符上方必须至少有5行。
    提示:请参阅widows属性以设置或返回必须在页面顶部显示的元素的最小行数。
    更改orphans并检查打印或打印预览:
    <html>
    <head>
    <script>
    function ChangeOrphans() {
      document.getElementById("p1").style.orphans = document.getElementById("orphans").value;
    }
    </script>
    <style>
    .othercontent {
      width: 400px;
      border-top: 19cm solid #c3c3c3;
    }
    
    @page {
      /* set size of printed page */
      size:21cm 27cm;
      margin-top:2cm;
    }
    
    @media print {
      .orphans {
        orphans:2;
      }
    }
    </style>
    </head>
    
    <body>
    <div class="othercontent">
    <input id="orphans" value="2">
    <button onclick="ChangeOrphans();">Change orphans</button>
    
    <p style="font-size:120%" id="p1">
    Change orphans and see the print preview.<br>
    Line 2<br>
    Line 3<br>
    Line 4<br>
    Line 5<br>
    Line 6<br>
    Line 7<br>
    Line 8<br>
    </p>
    
    </body>
    </html>
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    orphans
    不支持
    支持
    不支持
    不支持
    支持
  • 语法

    返回orphans属性:
    object.style.orphans
    设置orphans属性:
    object.style.orphans = "number|initial|inherit"
  • 属性值

    描述
    number 一个整数,指定可见行的最小数量。 不允许使用负值。 默认值为2
    initial 设置这个属性为默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: 2
    返回值: 一个字符串,表示在页面底部打印的最小行数
    CSS版本 CSS2