Style pageBreakBefore 屬性

Style 對象

定義和用法

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

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

語法

設(shè)置 pageBreakBefore 屬性：

返回 pageBreakBefore 屬性：

Object.style.pageBreakBefore

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

瀏覽器支持

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

注意：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.pageBreakBefore="always";
}
</script>
</head>
<body>
????
<h1>這是個標(biāo)題</h1>
<p>這是一個段落</p>
<p id="footer">這是底部段落</p>
<button type="button" onclick="setPageBreak()">設(shè)置底部段的上一頁</button>
<p>單擊上面的按鈕查看打印或打印預(yù)覽的變化。</p>

</body>
</html>

運行代碼 ?

Style 對象其他擴展

上一篇：Style pageBreakAfter 屬性下一篇：Style pageBreakInside 屬性