English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

Правила CSS (@RULES)

Полный список свойств CSS

Метод использования и примеры CSS page-break-inside атрибута

Атрибут page-break-inside CSSforces или запрещает разрывы страниц внутри элементов. Этот атрибут применяется к элементам, создающим рамки.БлочныйЭлемент. Он не применяется к пустому <p>, не создает пустой рамки.

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

Значение по умолчанию:auto
Применяется к:Блочные элементы
Инherit:Нет
Анимируемый:Нет.См. также Анимационные атрибуты.
Версия:CSS 2, 3

Синтаксис использования page-break-inside

Синтаксис этого атрибута следующий:

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.

  • Firefox (нет)

  • Google Chrome 1+

  • Internet Explorer 8+

  • Apple Safari 1.3+

  • Opera 7+

Внимание:Избегайте использования этого атрибута, так как поддержка его не очень хорошая. Также старайтесь как можно меньше использовать разрывы страниц и избегайте их в таблицах с рамками, флоатинговых элементов и блочных элементов.

Дополнительное чтение

Узнайте больше из следующих руководств:Типы медиа CSS.

Связанные атрибуты:page-break-after,page-break-before.