Свойство break-after
Свойство break-after определяет разрыв колонки после элемента в многоколоночном элементе, а также отвечает за разбивку страниц при печати.
Допустимые значения
- auto — принудительно разрыв страницы/колонки не делается
- always — после элемента принудительно ставиться разрыв страницы
- avoid — избегаем разрыва страницы/колонки после элемента
- left — ставиться один или два разрыва страниц, чтобы следующая страница начиналась с левой страницы
- right — ставиться один или два разрыва страниц, чтобы следующая страница начиналась с правой страницы
- page — принудительно разрывается страница после этого элемента
- column — принудительно разрывается колонка после этого элемента
- avoid-page — избегать разрыва страницы после этого элемента
- avoid-column — избегать разрыва колонки после этого элемента
| Значение по умолчанию | auto |
|---|---|
| Применимо | ко всем блочным элементам |
| Наследование | нет |
| Версия CSS | CSS 3 |
| Поддерживается браузерами |
|
Пример
hr {
break-after: always;
}
Твой код:
Результат:
большой полигон
Заметки
Это свойство относится к CSS3 модулю CSS Multi-column Layout Module — кандидата в рекомендацию W3C с 17 декабря 2009 года.
Хотя это свойство и не поддерживается распространенными браузерами в прямом виде, Safari 3 и выше и Chrome 1 и выше поддерживают похожее свойство -webkit-column-break-after. Оно аналогично свойству page-break-after и имеет одинаковые с ним значения, но относящиеся не к страницам, а к колонкам. Комбинацией двух этих свойств для Safari и Chrome можно добиться такого же эффекта, как и при применении свойства break-after.