Latest web development tutorials

propriété HTML DOM style pageBreakBefore

Style de Object Reference style Objets

Définition et utilisation

ensembles de propriétés pageBreakBefore ou retourne l'onglet éléments de comportement avant (pour l'impression ou l'aperçu avant impression).

Remarque: la propriété pageBreakBeforene modifie pas les éléments en position absolue.

grammaire

Définition des propriétés pageBreakBefore:

Object.style.pageBreakBefore="auto|always|avoid|emptystring|left|right|inherit"

Retour propriétés pageBreakBefore:

Object.style.pageBreakBefore

描述
auto 默认。如果必要则在元素前插入分页符。
always 总是在元素前插入分页符。
avoid 避免在元素前插入分页符。
"" (empty string) 在元素前不插入分页符。
left 在元素前插入一个或两个分页符,一直到一张空白的左页为止。
right 在元素前插入一个或两个分页符,一直到一张空白的右页为止。
inherit pageBreakBefore 属性的值从父元素继承。


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge la propriété pageBreakBefore.

Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".


Exemples

Exemples

Toujours définir un saut de page avant = "footer" de <p> éléments dans chaque id:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function setPageBreak(){
    document.getElementById("footer").style.pageBreakBefore="always";
}
</script>
</head>
<body>
    
<h1>这是个标题</h1>
<p>这是一个段落</p>
<p id="footer">这是底部段落</p>
<button type="button" onclick="setPageBreak()">设置底部段的上一页</button>
<p>单击上面的按钮查看打印或打印预览的变化。</p>

</body>
</html>

Essayez »


Style de Object Reference style Objets