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

Опис розділення сторінки при друку

Ця CSS властивість використовується для додавання розділення сторінки після вказаного елемента під час друку документа.

Синтаксис: page-break-after: 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-after</title>
  <style>
   @media print {
    .more {
     page-break-after: 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-after в CSS?

    A: Застосовується до елемента, після якого має бути вставлений перенос сторінки. Наприклад: div { page-break-after: always; }

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

    A: Використовується для контролю роздруківки сторінок, дозволяючи вказати, де розділити сторінки. Наприклад: @media print { div { page-break-after: always; } }

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

    A: Можна використовувати page-break-after для визначення де розділити сторінки при генерації PDF з HTML. Наприклад: div { page-break-after: always; }

  • Q: Як використовувати page-break-after для друку таблиці на кількох сторінках?

    A: Для роздруківки великої таблиці можна використовувати page-break-after для розділення її на декілька сторінок. Наприклад: table { page-break-after: auto; }

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

    A: page-break-after можна використовувати в CSS для контролю розділення сторінок при друку або генерації PDF з HTML.