English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Атрибут page-break-inside CSSforces или запрещает разрывы страниц внутри элементов. Этот атрибут применяется к элементам, создающим рамки.БлочныйЭлемент. Он не применяется к пустому <p>, не создает пустой рамки.
В таблице ниже приведены инструкции по использованию и истории версий этого атрибута, а также синтаксис использования в скриптах JavaScript.
Значение по умолчанию: | auto |
---|---|
Применяется к: | Блочные элементы |
Инherit: | Нет |
Анимируемый: | Нет.См. также Анимационные атрибуты. |
Версия: | CSS 2, 3 |
Синтаксис этого атрибута следующий:
page-break-inside: auto | avoid | initial | inherit
Ниже приведен пример того, как использовать атрибут page-break-inside.
@media print { ul { page-break-inside: avoid; } }Проверьте, как это работает‹/›
Правила стиля в примере выше установлены для поведения разрыва страниц, чтобы избежать разделения unordered list на две страницы.
Примечание:Атрибут page-break-inside применяется только к корневому элементу илиtable-rowЭлемент в обычном потокеБлочныйЭлемент.
В таблице ниже описаны значения этого атрибута.
Значение | Описание |
---|---|
auto | Если необходимо, вставьте разрыв страницы в элемент. Это значение по умолчанию. |
avoid | Избегайте разрывов страниц внутри элементов. |
initial | Установите этот атрибут в его значение по умолчанию. |
inherit | Если указан, то связанный элемент принимает значение атрибута page-break-inside родительского элемента. |
Атрибут page-break-inside не поддерживается в Firefox.
|
Внимание:Избегайте использования этого атрибута, так как поддержка его не очень хорошая. Также старайтесь как можно меньше использовать разрывы страниц и избегайте их в таблицах с рамками, флоатинговых элементов и блочных элементов.
Узнайте больше из следующих руководств:Типы медиа CSS.
Связанные атрибуты:page-break-after,page-break-before.