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


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



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


widows | Свойство CSS

Свойство widows определяет минимальное число строк следующей страницы.




Свойство widows определяет минимальное количество строк которые будут находится на следующей странице при печати.Если вы укажите свойству widows встречно противоположные значения,отличимые от orphans,браузер применит значения свойства widows имеющего больший приоритет.Актуальность применения имеет смысл если страниц более 2.Свойство применимо к блочным элементам,создано в версии CSS2 но проходит валидацию согласно версии CSS3.




Дополнительные свойства применяемые к widows


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


Дополнительные значения применяемые к widows


Значение
Описание
<число>Любое целое число определяющее количество строк
inheritНаследует значение родителя

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




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



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство widows</title>
<style type="text/css">
<!--
p {
orphans:1;
widows:1;
padding:5px;
background-color:indigo;
font-size:20px;
color:#fff;
}
-->
</style>
</head>
<body>
<p>При печати на одной странице будет находится только 1 строка,на следующей странице тоже одна строка</p>
</body>
</html>

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




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





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






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

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

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