page-break-before 属性指示元素框之前是否允许(以及多少)分页符。
此属性的值不是唯一的值。确定分页符是否应位于元素后面的因素。此决定还将受到前一个元素的 page-break-after 值以及任何祖先元素的 page-break-inside 值的影响。
属性值
auto: 元素框之前不应强制或阻止分页符。
always: 在此之前应强制分页符元素的框。
avoid: 如果可能的话,不应在元素的框之前放置分页符。
left -在元素框之前强制一个或两个分页符,这样打印元素的下一页将是左侧页面。
right: 强制一个或两个分页符在元素框之前分页,这样打印元素的下一页将是右侧页面。
适用范围
所有块级元素。
示例
这里是示例 -
<html>
<head>
<style type = "text/css">
p{page-break-before: always;}
</style>
</head>
<body>
<p>
春天最美是黎明。
东方一点儿一点儿泛着鱼肚色的天空,染上微微的红晕,飘着红紫红紫的彩云。
秋天最美是黄昏。
夕阳照西山时,感人的是点点归鸦急急匆匆地朝窠里飞去。
成群结队的大雁儿,在高空中比翼联飞,更是叫人感动。
夕阳西沉,夜幕降临,那风声、虫鸣听起来也叫人心旷神怡。
</p>
<p>
夏天最美是夜晚。
明亮的月夜固然美,漆黑漆黑的暗夜,也有无数的萤火虫儿翩翩飞舞。
即使是蒙蒙细雨的夜晚,也有一只两只萤火虫儿,闪着朦胧的微光在飞行,这情景着实迷人。
冬天最美是早晨。
落雪的早晨当然美,就是在遍地铺满白霜的早晨,在无雪无霜的凛冽的清晨,也要生起熊熊的炭火。
手捧着暖和和的火盆穿过廊下时,那心情儿和这寒冷的冬晨多么和谐啊!只是到了中午,寒气渐退,火盆里的火炭儿,大多变成了一堆白灰,这未免令人有点扫兴儿。
</p>
<button onclick = "myFunction()">Print this page</button>
<script>
function myFunction() {
window.print();
}
</script>
</body>
</html>