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