Свойство break-inside
Свойство 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.