CSS приклад: page-break-before

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
6.0+8.0+1.0+7.0+1.2+1.0+  

Коротка інформація

Значення за замовчуваннямauto
НаслідуєтьсяНі
ЗастосовуєтьсяДо блочних елементів
Відсотковий записНепридатна
Посилання на специфікаціюhttp://www.w3.org/TR/CSS21/page.html#propdef-page-break-before

Версії CSS

CSS 1CSS 2CSS 2.1CSS 3

Опис

Додає розрив сторінки при друку документа перед вказаним елементом.

Синтаксис

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.

Часті запитання

  • Q: Як використовувати page-break-before в CSS?

    A: Властивість page-break-before в CSS використовується для визначення, чи повинен бути роздільник перед елементом при друкованні сторінки.

  • Q: Де використовують page-break-before в CSS?

    A: page-break-before може бути використано для розділення сторінок при друку, наприклад, перед певними елементами, щоб забезпечити їх відображення на окремих сторінках.

  • Q: Які значення може приймати page-break-before в CSS?

    A: page-break-before може приймати значення auto, always, avoid, left, right або initial.

  • Q: Як використовувати page-break-before для уникнення розділень?

    A: Для уникнення розділень можна встановити значення page-break-before на avoid для елементів, після яких не потрібно створювати нову сторінку.

  • Q: Чи підтримує браузер Edge властивість page-break-before?

    A: Так, браузер Edge підтримує властивість page-break-before у CSS.