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 формы
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
регулирует разрывы страниц после текущего элемента.
/* Значения ключевых слов */ разрыв страницы после: авто; разрыв страницы после: всегда; разрыв страницы после: избегать; разрыв страницы после: слева; разрыв страницы после: справа; разрыв страницы после: лицевая сторона; разрыв страницы после: оборотная сторона; /* Глобальные значения */ разрыв страницы после: наследовать; разрыв страницы после: начальная; разрыв страницы после: вернуться; разрыв страницы после: возврат слоя; разрыв страницы после: не установлен;
Это свойство применяется к блочным элементам, формирующим коробку. Он не будет применяться к пустому Начальное значение. Автоматические разрывы страниц (ни принудительные, ни запрещенные). Всегда принудительно разрывайте страницы после элемента. Избегайте разрывов страниц после элемента. Принудительно разрывает страницу после элемента, чтобы следующая страница была отформатирована как левая страница. Это страница, расположенная слева от корешка книги или на обратной стороне страницы при двусторонней печати. Принудительно разрывает страницу после элемента, чтобы следующая страница была отформатирована как правильная. Это страница, расположенная справа от корешка книги или на лицевой стороне страницы при двусторонней печати. Если страницы перемещаются слева направо, это действует как Если страницы перемещаются слева направо, это действует как Свойство По соображениям совместимости BCD tables загружать только в браузере Последнее изменение: , участниками MDN ❮ Предыдущий
Полное руководство по CSS
Следующий ❯ Всегда вставляйте разрыв страницы после элемента @media print
{ Свойство Наконечник: Свойства:
разрыв страницы до, разрыв страницы после и
page-break-inside помогает определить, как документ должен вести себя при печати. Примечание: Это свойство нельзя использовать для пустого Числа в таблице указывают первую версию браузера, которая полностью поддерживает это свойство. Примечание: Ни один из браузеров не поддерживает «избегать». Примечание: Браузеры могут интерпретировать «лево» и «право» как «всегда». page-break-after: auto|always|avoid|left|right|initial|inherit; Ссылка HTML DOM:
pageBreakAfter свойство ❮ Предыдущий
Полное руководство по CSS
Следующий ❯ Значения
авто
всегда
избегать
слева
справа
лицевая сторона
«>
Экспериментальный справа
. Если страницы продвигаются справа налево, это действует как слева
. оборотная сторона
Экспериментальный слева
. Если страницы продвигаются справа налево, это действует как справа
. 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 разлом до
, разлом после
, разлом внутри
разрыв страницы перед
, разрыв страницы внутри
сироты
, вдовы
CSS Разрыв страницы после Свойство
Пример
нижний колонтитул {page-break-after: always;}
} Определение и использование
page-break-after
добавляет разрыв страницы после
указанный
элемент. Значение по умолчанию: авто По наследству: нет Анимация: нет. Читать про анимированный Версия: CSS2 Синтаксис JavaScript: объект .style.pageBreakAfter=»всегда» Поддержка браузера
Собственность разрыв страницы после 1,0 4,0 1,0 1,2 7,0 Синтаксис 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.