Style pageBreakAfter 屬性

Style 對象

定義和用法

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

注意：pageBreakAfter 屬性不會影響絕對定位元素。

語法

設(shè)置 pageBreakAfter 屬性：

返回 pageBreakAfter 屬性：

Object.style.pageBreakAfter

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

瀏覽器支持

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

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

實例

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

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

</body>
</html>

運行代碼 ?

Style 對象其他擴展

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