Break page after: page-break-after — CSS: Cascading Style Sheets

CSS page-break-after

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮ Назад Полный CSS Справочник Дальше ❯


Пример

Всегда вставляйте разрыв страницы после элемента <Footer>:

@media print {
    footer {page-break-after: always;}
}



Определение и использование

Свойство page-break-after добавляет разрыв страницы после заданного элемента.

Совет: Свойства: pagebb, разбиение на страницы и pagebi помогают определить, как документ должен вести себя при печати.

Примечание: Это свойство нельзя использовать в пустой <div> или на абсолютно позиционированных элементах.

Значение по умолчанию: auto
Inherited: no
Animatable: no. Читайте о animatable
Version: CSS2
Синтаксис JavaScript: object. style.pageBreakAfter=»always»


Поддержка браузера

Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.

Свойство
page-break-after 1.0 4.0 1.0 1.2 7.0

Примечание: Ни один из браузеров не поддерживает «Избегайте».

Примечание: Браузеры могут интерпретировать «Left» и «Right» как «всегда».



Синтаксис CSS

page-break-after: auto|always|avoid|left|right|initial|inherit;

Значения свойств

Значение Описание
auto По умолчанию. Автоматический разрыв страницы
always Всегда вставлять разрыв страницы после элемента
avoid Избегайте разрыва страницы после элемента (если возможно)
left Вставка разрыва страницы после элемента таким образом, чтобы Следующая страница была отформатирована как левая страница
right Вставка разрыва страницы после элемента таким образом, чтобы Следующая страница была отформатирована как правая страница
initial Присваивает этому свойству значение по умолчанию. (Читайте о initial)
inherit Наследует это свойство из родительского элемента. (Читайте о inherit)


Похожие страницы

HTML DOM Справочник: pageBreakAfter Свойство

❮ Назад Полный CSS Справочник Дальше ❯

Популярное CSS

css текст
блоки css
css картинки
как сделать css
цвета css
шрифты css
css стили
елементы css
фон css
кнопки css
таблица css
размер css
ссылки css

изображение css
выравнивание css
внешние отступы css
внутренние отступы css
списки css
css ширина
css при наведении
css формы



Copyright 2018-2020 HTML5CSS.ru

Правила и Условия Политика конфиденциальности О нас Контакты

page-break-after | CSS | WebReference

  • Содержание
    • Краткая информация
    • Синтаксис
    • Значения
    • Пример
    • Спецификация
    • Браузеры

Добавляет разрыв страницы при печати документа после заданного элемента.

Значение по умолчанию auto
Наследуется Нет
Применяется К блочным элементам
Анимируется Нет

Синтаксис

page-break-after: always | auto | avoid | left | right

Обозначения

Описание Пример
<тип> Указывает тип значения. <размер>
A && B Значения должны выводиться в указанном порядке. <размер> && <цвет>
A | B Указывает, что надо выбрать только одно значение из предложенных (A или B). normal | small-caps
A || B Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке. width || count
[ ] Группирует значения. [ crop || cross ]
* Повторять ноль или больше раз. [,<время>]*
+ Повторять один или больше раз. <число>+
? Указанный тип, слово или группа не является обязательным. inset?
{A, B} Повторять не менее A, но не более B раз. <радиус>{1,4}
# Повторять один или больше раз через запятую. <время>#

Значения

always
Всегда добавляет разрыв страницы после элемента.
auto
Вставляет разрыв страницы при необходимости.
avoid
Запрещает разрыв страницы после элемента.
left
Пропускает одну или две страницы после элемента, чтобы следующая страница при печати была чётной.
right
Пропускает одну или две страницы после элемента, чтобы следующая страница при печати была нечётной.

Пример

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>page-break-after</title> <style> @media print { .more { page-break-after: always; } } </style> </head> <body> <h3>Мусорные пакеты</h3> <p>История о том, как однажды мусорных пакетов оказалось несколько больше, чем хотелось, как и для чего их можно использовать, и что из этого получилось.</p> <p>Читать дальше</p> </body> </html>

Спецификация

Спецификация Статус
CSS Fragmentation Module Level 3 Возможная рекомендация
CSS Level 2 Revision 1 (CSS 2.1) Рекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Браузеры

 
auto, always 4 12 1 7 1.2 1
avoid, left, right 4 12 1 7 1. 2
 
auto, always 1 1 7 1.3
avoid, left, right 1 7 1.3

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — свойство полностью поддерживается браузером со всеми допустимыми значениями;
  •  — свойство браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо свойство поддерживается лишь частично, например, не все допустимые значения действуют или свойство применяется не ко всем элементам, которые указаны в спецификации.

Число указывает версию браузера, начиная с которой свойство поддерживается.

Печать

См. также

  • page-break-before
  • page-break-inside

Практика

  • Запрет переноса в колонках

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 29. 08.2017

Редакторы: Влад Мержевич

page-break-after — CSS: Каскадные таблицы стилей

Предупреждение: Это свойство было заменено свойством break-after .

Свойство CSS page-break-after регулирует разрывы страниц после текущего элемента.

 /* Значения ключевых слов */
разрыв страницы после: авто;
разрыв страницы после: всегда;
разрыв страницы после: избегать;
разрыв страницы после: слева;
разрыв страницы после: справа;
разрыв страницы после: лицевая сторона;
разрыв страницы после: оборотная сторона;
/* Глобальные значения */
разрыв страницы после: наследовать;
разрыв страницы после: начальная;
разрыв страницы после: вернуться;
разрыв страницы после: возврат слоя;
разрыв страницы после: не установлен;
 

Это свойство применяется к блочным элементам, формирующим коробку. Он не будет применяться к пустому

, который не будет генерировать поле.

Значения

авто

Начальное значение. Автоматические разрывы страниц (ни принудительные, ни запрещенные).

всегда

Всегда принудительно разрывайте страницы после элемента.

избегать

Избегайте разрывов страниц после элемента.

слева

Принудительно разрывает страницу после элемента, чтобы следующая страница была отформатирована как левая страница. Это страница, расположенная слева от корешка книги или на обратной стороне страницы при двусторонней печати.

справа

Принудительно разрывает страницу после элемента, чтобы следующая страница была отформатирована как правильная. Это страница, расположенная справа от корешка книги или на лицевой стороне страницы при двусторонней печати.

лицевая сторона Экспериментальный

Если страницы перемещаются слева направо, это действует как слева . Если страницы продвигаются справа налево, это действует как справа .

Свойство page-break-after теперь является устаревшим свойством и заменено на break-after .

По соображениям совместимости page-break-after должны рассматриваться браузерами как псевдоним break-after . Это гарантирует, что сайты, использующие page-break-after , продолжат работать так, как задумано. Подмножество значений должно иметь следующий псевдоним:

 page-break-after = 
auto |
всегда |
избегать |
слева |
справа |
наследовать

Установка разрыва страницы после сносок

 /* перейти на новую страницу после сносок */
div. footnotes {
  разрыв страницы после: всегда;
}
 
Specification
CSS Logical Properties and Values ​​Level 1
# page
CSS Paged Media Module Level 3
# page-break-after

BCD tables загружать только в браузере

с включенным JavaScript. Включите JavaScript для просмотра данных.
  • разлом до , разлом после , разлом внутри
  • разрыв страницы перед , разрыв страницы внутри
  • сироты , вдовы

Последнее изменение: , участниками MDN

CSS Разрыв страницы после Свойство

❮ Предыдущий Полное руководство по CSS Следующий ❯


Пример

Всегда вставляйте разрыв страницы после элемента

@media print {
нижний колонтитул {page-break-after: always;}
}



Определение и использование

Свойство page-break-after добавляет разрыв страницы после указанный элемент.

Наконечник: Свойства: разрыв страницы до, разрыв страницы после и page-break-inside помогает определить, как документ должен вести себя при печати.

Примечание: Это свойство нельзя использовать для пустого

или для абсолютно позиционированных элементов.

Значение по умолчанию: авто
По наследству: нет
Анимация: нет. Читать про анимированный
Версия: CSS2
Синтаксис JavaScript: объект .style.pageBreakAfter=»всегда»


Поддержка браузера

Числа в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.

Собственность
разрыв страницы после 1,0 4,0 1,0 1,2 7,0

Примечание: Ни один из браузеров не поддерживает «избегать».

Примечание: Браузеры могут интерпретировать «лево» и «право» как «всегда».



Синтаксис CSS

page-break-after: auto|always|avoid|left|right|initial|inherit;

Значения свойств

Значение Описание
авто По умолчанию. Автоматический разрыв страницы
всегда Всегда вставляйте разрыв страницы после элемента
избегать Избегайте разрыва страницы после элемента (если возможно)
слева Вставить разрыв страницы после элемента, чтобы следующая страница была отформатирована как левая страница
справа Вставить разрыв страницы после элемента, чтобы следующая страница была отформатирована как правая страница
начальный Устанавливает для этого свойства значение по умолчанию. Читать о инициал
унаследовать Наследует это свойство от родительского элемента. Читать о унаследовать


Связанные страницы

Ссылка HTML DOM: pageBreakAfter свойство

❮ Предыдущий Полное руководство по CSS Следующий ❯


ВЫБОР ЦВЕТА



Лучшие учебники
Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебник по SQL
Учебник по Python
Учебник по W3.CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

Лучшие ссылки
Справочник по HTML
Справочник по CSS
Справочник по JavaScript
Справочник по SQL
Справочник по Python
Справочник по W3.CSS
Справочник по Bootstrap
Справочник по PHP
Цвета HTML
Справочник по Java
Справочник по Angular
Справочник по jQuery


Лучшие примеры
0354 Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *