Style pageBreakAfter 屬性

Style 對(duì)象

定義和用法

pageBreakAfter 屬性設(shè)置或返回元素后的分頁(yè)行為（用于打印或打印預(yù)覽）。

注意：pageBreakAfter 屬性不會(huì)影響絕對(duì)定位元素。

語(yǔ)法

設(shè)置 pageBreakAfter 屬性：

返回 pageBreakAfter 屬性：

Object.style.pageBreakAfter

值	描述
auto	默認(rèn)。如果必要?jiǎng)t在元素后插入分頁(yè)符。
always	總是在元素后插入分頁(yè)符。
avoid	避免在元素后插入分頁(yè)符。
"" (empty string)	在元素后不插入分頁(yè)符。
left	在元素后插入一個(gè)或兩個(gè)分頁(yè)符，一直到一張空白的左頁(yè)為止。
right	在元素后插入一個(gè)或兩個(gè)分頁(yè)符，一直到一張空白的右頁(yè)為止。
inherit	pageBreakAfter 屬性的值從父元素繼承。

瀏覽器支持

所有主要瀏覽器都支持 pageBreakAfter 屬性。

注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有規(guī)定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

實(shí)例

始終在每個(gè) id="footer" 的 <p> 元素后設(shè)置分頁(yè)符：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(json.cn)</title>
<script>
function setPageBreak(){
????document.getElementById("footer").style.pageBreakAfter="always";
}
</script>
</head>
<body>

<h1>這是個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落</p>
<p id="footer">這是底部段落</p>
<button type="button" onclick="setPageBreak()">設(shè)置底部段的后一頁(yè)</button>
<p>單擊上面的按鈕查看打印或打印預(yù)覽的變化。</p>

</body>
</html>

運(yùn)行代碼 ?

Style 對(duì)象其他擴(kuò)展

上一篇：Style paddingTop 屬性下一篇：Style pageBreakBefore 屬性