Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS page-break-inside

Перейти к справке CSS

<html>
<head>
<style>
@media print
{
table {page-break-inside:avoid}
}
</style>
</head>

<body>
....
</body>
</html>


Описание и использование

Свойство CSS page-break-inside настраивает разрыв страницы до определенного элемента при распечатке страницы.

Заметка: нельзя использовать это свойство с абсолютно позиционированными элементами.

Заметка: используйте свойства разрыва страниц несколько раз на странице, но избегайте вставлять разрывы в таблицы, выравниваемые (floating) элементы и блочные элементы с видимыми границами.

Значение по умолчанию auto
Наследование нет
Версия CSS CSS 2
Синтаксис JavaScript object.style.pageBreakInside="always"
   

Поддержка в браузерах

Chrome Firefox Internet Explorer Opera Safari
Свойство page-break-inside поддерживается только браузером Opera, а свойство opacity (прозрачность), не поддерживается браузером IE, поэтому если у вас не выделяется значок Оперы на общем фоне, поздравляем, значит у вас Internet Explorer — браузер со своими стандартами!


Возможные значения свойства page-break-inside

Значение Описание
auto Значение по умолчанию. Разрыв страницы вставляется по мере необходимости
avoid Запрещено разрывать страницу внутри элемента
inherit Значение наследуется от родительского элемента

Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта