Page-break-after¶
Свойство page-break-after
Данное свойство не может быть использовано для пустого <div> элемента или абсолютно позиционированного элемента.
Свойство page-break-after заменено на break-after.
Пример¶
@media print {
footer {page-break-after: left;}
}
Page-break-before¶
Свойство page-break-before добавляет разрыв страницы перед элементом.
Данное свойство не может быть использовано для пустого <div> элемента или абсолютно позиционированного элемента.
Свойство page-break-before заменено на break-before.
Пример¶
@media print {
h2 {
page-break-before: right;
}
Page-break-inside¶
Свойство page-break-inside добавляет разрыв страницы внутри элемента.
Данное свойство не может быть использовано для пустого <div> элемента или абсолютно позиционированного элемента.
Свойство page-break-inside заменено на break-inside.
Пример¶
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
.example{
background-color: #8ebf42;
height: 90px;
width: 200px;
columns: 1;
column-width: 80px;
}
.list, ol, ul, p {
break-inside: avoid;
}
p {
background-color: #8ebf42;
}
ol, ul, .list {
margin: 0.5em 0;
display: block;
background-color: #1c87c9;
}
p:first-child {
margin-top: 1;
}
</style>
</head>
<body>
<h2>Пример свойства page-break</h2>
<div class="example">
<p>Первый параграф.</p>
<section class="list">
<span>A list</span>
<ol>
<li>one</li>
</ol>
</section>
<ul>
<li>one</li>
</ul>
<p>Второй параграф.</p>
<p>Третий параграф, содержащий больше текста.</p>
<p>Четвертый параграф, содержащий больше текста чем третий.</p>
</div>
</body>
</html>
Поддержка браузера
| | | | |
---|---|---|---|---|
v | v | v | v | 7.0+ |