Добавляет разрыв страницы при печати документа перед заданным элементом.
Синтаксис
page-break-before: always | auto | avoid | left | right | inherit
Значения
always
Всегда добавляет разрыв страницы перед элементом.
auto
Вставляет разрыв страницы при необходимости.
avoid
Запрещает разрыв страницы перед элементом.
left
Пропускает одну или две страницы перед элементом, чтобы следующая страница при печати была четной.
right
Пропускает одну или две страницы перед элементом, чтобы следующая страница при печати была нечетной.
inherit
Наследует значение родителя.
Пример
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>page-break-before</title>
<style>
@media print {
.more {
page-break-before: always;
}
}
</style>
</head>
<body>
<h2>Мусорные пакеты</h2>
<p>История о том, как однажды мусорных пакетов оказалось несколько больше,
чем хотелось, как и для чего их можно использовать, и что из этого получилось.</p>
<p class="more">Читать дальше</p>
</body>
</html>
Браузеры
Internet Explorer до версии 7.0 включительно не поддерживает значения left, right и inherit.
Браузеры Firefox, Chrome и Safari не поддерживают значения avoid, left и right.
Это интересно
На многих сайтах для подтверждения того, что вы являетесь реальным человеком, а не роботом, нужно решить так называемую «капчу» — например, распознать деформированные буквы на картинке. Среди вариантов реализации этих систем выделяется reCAPTCHA, где пользователю предлагается ввести два слова, которые взяты из отсканированных книг. Одно слово читается легко, и именно по нему производится проверка, а второе слово значительно сложнее, причём его правильность не анализируется, так как оно не распознано автоматической системой сканирования. Эти слова предлагаются разным людям, а затем система принимает тот вариант, который вводится наиболее часто — таким образом миллионы пользователей интернета помогают компьютерам в оцифровке старых книг.