Свойство break-inside

Последнее обновление: 30.12.2010

Свойство break-inside определяет разрыв страницы/колонки внутри элемента.

Допустимые значения

  • auto — принудительно разрыв страницы/колонки не делается
  • avoid — избегаем разрыва страницы/колонки внутри элемента
  • avoid-page — избегать разрыва страницы внутри элемента
  • avoid-column — избегать разрыва колонки внутри элемента
Значение по умолчанию auto
Применимо ко всем блочным элементам
Наследование нет
Версия CSS CSS 3
Поддерживается браузерами

Пример

p {
break-inside: avoid;
}
Твой код:
Результат:
большой полигон

Заметки

Это свойство относится к CSS3 модулю CSS Multi-column Layout Module — кандидата в рекомендацию W3C с 17 декабря 2009 года.

Хотя это свойство и не поддерживается распространенными браузерами в прямом виде, Safari 3 и выше и Chrome 1 и выше поддерживают похожее свойство -webkit-column-break-inside. Оно аналогично свойству page-break-inside и имеет одинаковые с ним значения, но относящиеся не к страницам, а к колонкам. Комбинацией двух этих свойств для Safari и Chrome можно добиться такого же эффекта, как и при применении свойства break-inside.

По теме

Показать комментарии