Style orphans 属性
Style 对象的 orphans 属性设置或返回一个元素必须在页面底部的可见行的最小数量 ( 用于打印或打印预览 )
orphans 属性仅影响块级元素
orphans:5 意味着至少有 5 行必须在分页符上面可见
widows 属性设置或返回一个元素必须在页面顶部的可见行的最小数量
语法
设置 orphans 属性
object.style.orphans=" number |inherit"
返回 orphans 属性
object.style.orphans
值说明
| 值 | 描述 |
|---|---|
| number | 一个规定可见行的最小数量的整数。默认值是 2 |
| inherit | orphans 属性的值从父元素继承 |
浏览器支持
只有 Opera 支持 orphans 属性
范例
更改打印或打印预览的 orphans 属性
<script> function ChangeOrphans(){ document.getElementById("p1").style.orphans=document.getElementById("orphans").value; } </script> <style> .othercontent{ width:400px; border-top:19cm solid #c3c3c3; } @page{ /* 设置打印页面大小 */ size:21cm 27cm; margin-top:2cm; } @media print{ .orphans{ orphans:2; } } </style> <div class="othercontent"> <input id="orphans" value="2"/> <button onclick="ChangeOrphans();">修改orphans属性</button> <p style="font-size:120%" id="p1"> 修改打印或打印预览的orphans属性。<br> Line 2<br> Line 3<br> Line 4<br> Line 5<br> Line 6<br> Line 7<br> Line 8<br> </p> </div>