page-break-after | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 11.12.2016
Главная » Справочник CSS3 » Свойства печати


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


page-break-after | Свойство CSS

Свойство page-break-after определяет разрыв страницы после элемента.




Свойство page-break-after определяет разрыв страницы после установленного элемента при печати.Не стоит путать данное свойство со свойством break-after определяющим разрыв колонки и страницы.Свойство применимо к блочным элементам,создано в версии CSS2 но проходит валидацию согласно версии CSS3.




Дополнительные свойства применяемые к page-break-after


Свойство
Описание
break-afterОпределяет разрыв колонки после элемента
break-beforeОпределяет разрыв колонки до элемента
break-insideОпределяет разрыв колонки внутри элемента
page-break-beforeОпределяет разрыв страницы до элемента
page-break-insideОпределяет разрыв страницы внутри элемента
orphansОпределяет минимальное количество строк остающихся на предыдущей станице ( актуально при количестве страниц не менее 2)
widowsОпределяет минимальное количество строк находящихся на следующей станице,при наличии противоположных значениях со свойством orphans,имеет приоритет для браузера при воспроизведении печати ( актуально при количестве страниц не менее 2)
@mediaОпределяет тип носителя,в данном случае - устройство печати


Дополнительные значения применяемые к page-break-after


Значение
Описание
autoРазрыв страницы производит браузер ( принудительного разрыва нет )
alwaysРазрыв страницы производится после элемента
avoidИзбегать разрыва страницы после элемента
leftПроисходит пропуск одной или двух страниц,чтобы следующая страница была чётной находясь с лева
rightПроисходит пропуск одной или двух страниц,чтобы следующая страница была не чётной находясь с права
inheritНаследует значение родителя

Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство page-break-after</title>
<style type="text/css">
<!--
h1 {
text-align:center;
color:#fff;
}
p#one {
page-break-after:always;
padding:5px;
background-color:green;
font-size:20px;
color:red;
}
p#two {
padding:5px;
background-color:red;
font-size:20px;
color:green;
}
-->
</style>
</head>
<body>
<h1>При печати на странице будет разрыв после первой текстовой строки</h2>
<p id="one">Эта строка отпечатается на одном листе,после неё произойдёт разрыв и остальные блочные элементы перейдут при печати на другую страницу</p>
<p id="two">Эта строка отпечатается уже на другом листе,т.к к первой строке применено значение после которого происходит разрыв строки</p>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/page.html#propdef-page-break-after
Категория: Свойства печати | Добавил: IZOTOP (10.05.2012) | Автор: Меренков Михаил E W
Просмотров: 702 | Теги: css, свойство, page-break-after, style, Что делает, для чего, что это | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]