HTML DOM教程

HTML DOM 简介 HTML DOM 节点 HTML DOM 方法 HTML DOM 属性 HTML DOM 访问 HTML DOM 修改 HTML DOM 修改 HTML 内容 HTML DOM 元素 HTML DOM 事件 HTML DOM 导航 HTML DOM 总结 HTML DOM 对象

orphans

Style orphans 属性

定义和用法

orphans 属性设置或返回一个元素必须在页面底部的可见行的最小数量（用于打印或打印预览）。

orphans 属性仅影响块级元素。

提示：orphans:5 意味着至少有 5 行必须在分页符上面可见。

提示：widows 属性设置或返回一个元素必须在页面顶部的可见行的最小数量。

语法

设置 orphans 属性：

Object.style.orphans="number|inherit"

返回 orphans 属性：

Object.style.orphans

值	描述
number	一个规定可见行的最小数量的整数。默认值是 2。
inherit	orphans 属性的值从父元素继承。

浏览器支持

只有 Opera 支持 orphans 属性。

实例

更改打印或打印预览的 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>