Page break before css

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

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), внедряясь в основание игл копьеносных ежей, образуют галлы и тем самым мешают росту иглы. Некоторые виды моллюсков прикрепляют к иглам свои кладки, и развивающиеся моллюски просверливают скорлупу ежа, просовывают внутрь него хоботки и питаются тканями. Морские ежи служат пищей для омаров, морских звёзд, рыб, птиц, морских котиков. Главным естественным врагом морского ежа является калан. Поймав ежа, калан либо долго крутит его в лапах (иногда предварительно завернув в водоросли), чтобы примять иголки и потом съедает; либо разбивает ежа камнем на собственной груди. Количество съедаемых каланами ежей столь велико, что кишечник, брюшина и даже кости этих морских млекопитающих порой окрашиваются пигментами морских ежей в фиолетовый цвет.  

CSS свойства

© 2016-2023 Денис Большаков, замечания и предложения по работе сайта Вы можете направить по адресу basicweb.ru@gmail.com

Источник