Always insert a page-break before a element:
The page-break-before property adds a page-break before a specified element..
Tip: The properties: page-break-before, page-break-after and page-break-inside help to define how a document should behave when printed.
Note: You cannot use this property on an empty or on absolutely positioned elements.
Default value: | auto |
---|---|
Inherited: | no |
Animatable: | no. Read about animatable |
Version: | CSS2 |
JavaScript syntax: | object.style.pageBreakBefore=»always» |
- Browser Support
- CSS Syntax
- Property Values
- page-break-before¶
- Демо¶
- Синтаксис¶
- Значения¶
- Спецификации¶
- Поддержка браузерами¶
- Описание и примеры¶
- page-break-before
- Try it
- Syntax
- Values
- Page break aliases
- Formal definition
- Formal syntax
- Examples
- Avoid a page break before an element
- Specifications
- Browser compatibility
- See also
- Found a content problem with this page?
- MDN
- Support
- Our communities
- Developers
- CSS свойство page-break-before
- Поддержка браузерами
- Значения свойства
- Версия CSS
- Наследуется
- Анимируемое
- Пример использования
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Note: None of the browsers support «avoid».
Note: Browsers may interpret «left» and «right» as «always».
CSS Syntax
Property Values
Value | Description |
---|---|
auto | Default. Automatic page-breaks |
always | Always insert a page-break before the element |
avoid | Avoid page-break before the element (if possible) |
left | Insert page-break before the element so that the next page is formatted as a left page |
right | Insert page-break before the element so that the next page is formatted as a right page |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
page-break-before¶
Это свойство было заменено свойством break-before .
Свойство page-break-before добавляет разрыв страницы при печати документа перед заданным элементом.
Демо¶
Синтаксис¶
1 2 3 4 5 6 7 8 9 10 11 12 13
/* Keyword values */ page-break-before: auto; page-break-before: always; page-break-before: avoid; page-break-before: left; page-break-before: right; page-break-before: recto; page-break-before: verso; /* Global values */ page-break-before: inherit; page-break-before: initial; page-break-before: unset;
Значения¶
always Всегда добавляет разрыв страницы перед элементом. auto Вставляет разрыв страницы при необходимости. avoid Запрещает разрыв страницы перед элементом. left Пропускает одну или две страницы перед элементом, чтобы следующая страница при печати была четной. right Пропускает одну или две страницы перед элементом, чтобы следующая страница при печати была нечетной.
Значение по-умолчанию: auto
Применяется к блочным элементам
Спецификации¶
Поддержка браузерами¶
Описание и примеры¶
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
html> head> meta charset="utf-8" /> title>page-break-beforetitle> style> @media print .more page-break-before: always; > > style> head> body> h2>Мусорные пакетыh2> p> История о том, как однажды мусорных пакетов оказалось несколько больше, чем хотелось, как и для чего их можно использовать, и что из этого получилось. p> p class="more">Читать дальшеp> body> html>
page-break-before
Warning: This property has been replaced by the break-before property.
The page-break-before CSS property adjusts page breaks before the current element.
This property applies to block elements that generate a box. It won’t apply on an empty that won’t generate a box.
Try it
Syntax
/* Keyword values */ page-break-before: auto; page-break-before: always; page-break-before: avoid; page-break-before: left; page-break-before: right; page-break-before: recto; page-break-before: verso; /* Global values */ page-break-before: inherit; page-break-before: initial; page-break-before: revert; page-break-before: revert-layer; page-break-before: unset;
Values
Initial value. Automatic page breaks (neither forced nor forbidden).
Always force page breaks before the element.
Avoid page breaks before the element.
Force page breaks before the element so that the next page is formatted as a left page. It’s the page placed on the left side of the spine of the book or the back side of the page in duplex printing.
Force page breaks before the element so that the next page is formatted as a right page. It’s the page placed on the right side of the spine of the book or the front side of the page in duplex printing.
If pages progress left-to-right, then this acts like right . If pages progress right-to-left, then this acts like left .
If pages progress left-to-right, then this acts like left . If pages progress right-to-left, then this acts like right .
Page break aliases
The page-break-before property is now a legacy property, replaced by break-before .
For compatibility reasons, page-break-before should be treated by browsers as an alias of break-before . This ensures that sites using page-break-before continue to work as designed. A subset of values should be aliased as follows:
page-break-before | break-before |
---|---|
auto | auto |
left | left |
right | right |
avoid | avoid |
always | page |
Formal definition
Initial value | auto |
---|---|
Applies to | block-level elements in the normal flow of the root element. User agents may also apply it to other elements like table-row elements. |
Inherited | no |
Computed value | as specified |
Animation type | discrete |
Formal syntax
page-break-before =
auto |
always |
avoid |
left |
right |
inherit
Examples
Avoid a page break before an element
/* Avoid page break before div elements of class note */ div.note page-break-before: avoid; >
Specifications
Browser compatibility
BCD tables only load in the browser
See also
Found a content problem with this page?
This page was last modified on Feb 21, 2023 by MDN contributors.
Your blueprint for a better internet.
MDN
Support
Our communities
Developers
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.
CSS свойство page-break-before
CSS свойство page-break-before определяет наличие или отсутствие разрыва страницы перед заданным элементом при печати документа.
Обращаю Ваше внимание, что данное свойство нельзя применять к пустым блочным элементам (например, к пустому ), либо к элементам с абсолютным позиционированием (position: absolute ;).
Это свойство находится в стадии замены на более универсальное и функциональное в будущем свойство break-before. Планируется, что новое свойство будет применяться не только при разрыве страниц(при печате), a также при разрыве в определённых областях и многоколоночных текстах.
Поддержка браузерами
Значение | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
---|---|---|---|---|---|---|
auto, always | 1.0 | 1.0 | 7.0 | 1.2 | 4.0 | 12.0 |
avoid | Нет | Нет | Нет | Нет | Нет | Нет |
left, right | Нет | Нет | Нет | Нет | 10.0 | 12.0 |
page-break-before:"auto | always | avoid | left | right | initial | inherit";
object.style.pageBreakBefore = "avoid"
Значения свойства
Значение | Описание |
---|---|
auto | Разрыв страниц до элемента (при печати) происходит в автоматическом режиме (при необходимости). Это значение по умолчанию. |
always | Всегда добавляет при печати разрыв страниц до элемента. |
avoid | Запрещает при печати разрыв страниц до элемента (если возможно). |
left | Осуществляет разрыв одной или двух страниц (при печати) до элемента, таким образом, чтобы следующая страница форматировалась как левая страница (четная страница). Значение работает только в IE и Edge. |
right | Осуществляет разрыв одной или двух страниц (при печати) до элемента, таким образом, чтобы следующая страница форматировалась как левая страница (нечетная страница). Значение работает только в IE и Edge. |
initial | Устанавливает свойство в значение по умолчанию. |
inherit | Указывает, что значение наследуется от родительского элемента. |
Версия CSS
Наследуется
Анимируемое
Пример использования
Пример использования свойства page-break-before p font-size: 15px; /* устанавливаем размер шрифта для абзацев */ > h2 page-break-before: always; /* всегда добавляет при печати разрыв страниц до элемента h2 */ > href = "https://ru.wikipedia.org/wiki/Морские_ежи" title = "Статья о Морских ежах с сайта Википедия">Материал из Википедии — свободной энциклопедии Морские ежи Тело морских ежей обычно почти сферическое, размером от 2—3 до 30 см; покрыто рядами известковых пластинок. Пластинки, как правило, соединены неподвижно и образуют плотный панцирь (скорлупу), не позволяющий ежу изменять форму. По форме тела (и некоторым иным признакам) морские ежи подразделяются на правильных и неправильных. У правильных ежей форма тела почти круглая, и построены они по строго радиальной пятилучевой симметрии. У неправильных ежей форма тела уплощённая, и у них различимы передний и задний концы тела. С панцирем морских ежей подвижно соединены (при помощи суставной сумки с мышечными волокнами) иглы разнообразной длины. Длина колеблется от 1—2 мм (плоские ежи, Echinarachniidae) до 25—30 см (диадемовые ежи, Diadematidae). Есть вид, полностью лишённый игл — токсопнеустес (Toxopneustes), тело которого усеяно педицелляриями. Иглы зачастую служат морским ежам для передвижения, питания и защиты. У некоторых видов они ядовиты, так как соединены с особыми ядовитыми железами. Ядовитые виды (Asthenosoma, Diadema) распространены в основном в тропических и субтропических районах Индийского, Тихого и Атлантического океанов. Кроме игл, на поверхности панциря морских ежей сидят педицеллярии, а также, у ротового отверстия, особые органы равновесия — сферидии. У некоторых видов педицеллярии также снабжены ядовитыми железами (Toxopneustes, Sphaerechinus). Амбулакральная система обычна для иглокожих. Каждая амбулакральная ножка, снабжённая присоской, проходит сквозь скелетные пластинки панциря двумя веточками (через 2 поры). Амбулакральные ножки нижней стороны служат морским ежам для передвижения и рытья нор. Ножки спинной стороны преобразовались в органы осязания и дыхания. У некоторых видов амбулакральные ножки наряду с иглами и педицелляриями принимают активное участие в процессе очищения панциря и питания. Рот у морских ежей расположен в центре нижней (оральной) стороны тела; анальное и половые отверстия — обычно в центре верхней (аборальной) стороны. У правильных морских ежей рот снабжён жевательным аппаратом (аристотелев фонарь), служащим для соскрёбывания водорослей с камней[2]. Аристотелев фонарь состоит из 5 сложных челюстей, каждая из которых оканчивается острым зубом. Зубы аристотелева фонаря участвуют не только в переработке пищи, но и в передвижении (вонзаясь в грунт), а также предположительно в рытье нор. У неправильных морских ежей, питающихся детритом, жевательного аппарата нет. Кишечник не имеет лучевого строения, а представляет трубку, идущую от ротового отверстия по спирали внутри полости тела. Иногда вдоль него идет придаточная кишка, открывающаяся в кишечник обоими концами. Органами дыхания служат наружные кожные жабры, расположенные около рта, амбулакральная система и придаточная кишка. Органы чувств и нервная система развиты довольно слабо. Помимо осязательных амбулакральных ножек и сферидиев, у ежей имеются примитивные глазки, расположенные на верхней стороне тела. Образ жизни и питание Широко распространены в океанах и морях с нормальной солёностью на глубинах до 7 км; отсутствуют в малосолёных Каспийском, Чёрном и частично Балтийском морях. Широко распространены на коралловых рифах и в прибрежных водах, часто селясь там в расщелинах и углублениях скал. Правильные морские ежи предпочитают скалистые поверхности; неправильные — мягкий и песчаный грунт. Морские ежи — донные ползающие или же зарывающиеся животные. Передвигаются с помощью амбулакральных ножек и игл. По некоторым предположениям, с помощью «аристотелева фонаря» морские ежи просверливают себе норы в скалах, даже гранитных и базальтовых, где прячутся во время отлива и от хищников. Другие виды закапываются в песок или просто прикрывают себя кусками раковин, водорослями и т. д. Практически всеядны. Рацион включает водоросли, губок, мшанок, асцидий и разнообразную падаль, а также моллюсков, мелких морских звёзд и даже других морских ежей. Фиолетовый ёж Sphaerechinus granularis легко справляется с раком-богомолом Squilla mantis. Живущие на мягком грунте виды заглатывают песок и ил, переваривая попадающие с ними мелкие организмы. Некоторые морские организмы используют морских ежей для защиты, прячась среди их игл: голотурии, офиуры, многощетинковые черви. Паразитические брюхоногие моллюски (Melanellidae), внедряясь в основание игл копьеносных ежей, образуют галлы и тем самым мешают росту иглы. Некоторые виды моллюсков прикрепляют к иглам свои кладки, и развивающиеся моллюски просверливают скорлупу ежа, просовывают внутрь него хоботки и питаются тканями. Морские ежи служат пищей для омаров, морских звёзд, рыб, птиц, морских котиков. Главным естественным врагом морского ежа является калан. Поймав ежа, калан либо долго крутит его в лапах (иногда предварительно завернув в водоросли), чтобы примять иголки и потом съедает; либо разбивает ежа камнем на собственной груди. Количество съедаемых каланами ежей столь велико, что кишечник, брюшина и даже кости этих морских млекопитающих порой окрашиваются пигментами морских ежей в фиолетовый цвет.