English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
При печати документа свойство page-break-before перед свойствами CSS располагается перед символом разрыва страницы перед элементом. Это свойство подходит для элементов, которые создают рамки.БлочныйЭлемент. Он не подходит для <p>, которые не создают пустые рамки.
В таблице приведено описание использования и истории версий этого свойства, а также грамматика использования свойства в скриптах JavaScript.
| Значение по умолчанию: | auto |
|---|---|
| Подходит для: | Блочные элементы |
| Наследование: | нет |
| Анимируемые: | Нет.См. также Анимационные свойства. |
| Версия: | CSS 2, 3 |
| Грамматика JavaScript: | объект.style.pageBreakBefore="always" |
Грамматика этого свойства такова:
page-break-before: auto | always | avoid | left | right | initial | inherit
Ниже приведен пример того, как использовать свойство page-break-before.
@media print {
h1 {
page-break-before: always;
}
}Проверьте, посмотрите <‹/›Правила стиля в примере выше устанавливают поведение разрыва страницы как always в<h1>Разделить страницу перед элементом, чтобы элемент всегда находился вверху новой страницы.
Примечание:Свойство page-break-before применяется только к корневому элементу илиtable-rowЭлемент в обычном потокеБлочныйЭлемент.
В таблице ниже описаны значения этого свойства.
| Значения | Описание |
|---|---|
| auto | Если необходимо, вставить символ разрыва страницы перед элементом. Это значение по умолчанию. |
| always | Всегда принудительно разделить страницу перед элементом. |
| avoid | Избегать разделения страницы перед элементом. |
| left | Принудительно разделить страницу один или два раза перед элементом, чтобы следующая страница стала левой страницей. |
| right | Принудительно разделить страницу один или два раза перед элементом, чтобы следующая страница стала правой страницей. |
| initial | Установите этот атрибут в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент принимает значение свойства page-break-before родительского элемента. |
Совместимость браузеров для свойства page-break-before, числа в таблице ниже показывают минимальную версию браузера, поддерживающую это свойство; все основные браузеры поддерживают это свойство частично.
|
Предупреждение: Интернет-Explorer 8 и более ранние версии не поддерживают значения left и right; любая из этих значений интерпретируется как always. Firefox, Chrome и Safari не поддерживают значения avoid, left или right.
Узнайте больше из следующих учебников:CSS Media Types.
Связанные свойства:page-break-after,page-break-inside.