CSS :: Свойство widows

css-свойство widows (от англ. widow – висячая строка, отнимать) задает минимальное количество строк блочного элемента, которые должны быть перенесены на следующую страницу при печати документа в случае нехватки места для печати содержимого данного блочного элемента на текущем листе бумаги. Свойство имеет эффект, если текст расположен на двух и более страницах.

Браузер Firefox не поддерживает свойство widows.

Характеристики

Значение по умолчанию: 2.
Применяется: к блочным элементам.
Наследуется: да.
Анимируется: нет.
JavaScript: object.style.widows="value".

Синтаксис

widows: <число>

Значения

В качестве значений свойство принимает только целые положительные числа, указывающие минимальное количество строк разрываемого блочного элемента, которые должны быть перенесены браузером на следующую распечатываемую веб-страницу. По умолчанию используется число 2. При этом, если, например, в абзаце содержится восемь строк, четыре из которых помещаются на предыдущей странице, а значение свойства widows требует переноса на следующую страницу как минимум пяти строк, браузер при распечатке или предварительном просмотре оставит на предыдущей странице только три строки, а пять строк перенесет на следующую страницу. Если же значение свойства widows требует переноса на следующую страницу как минимум девяти строк, браузер при распечатке или предварительном просмотре перенесет все содержимое блочного элемента на следующую страницу.

Если значение свойства widows конфликтует со значением свойства orphans, браузеры оставляют на предыдущей странице количество строк, указанное в качестве значения свойства orphans, а остальные строки переносят на новую строку, чтобы максимально выполнить запросы свойства widows.

Ссылки

Официальный сайт W3C: https://drafts.csswg.org/css-break-3/#propdef-widows

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/widows

Примеры

CSS

htmlCodes

/* Определяем параметры печати документа */
@media print{
	p{
	orphans: 3;
	widows: 3;
	color: black;
	font-family: Times, "Times New Roman", serif;
	}
	
	/* Запрещаем разрывы страницы до, внутри и после 
	абзацев, у которых атрибут class="no_break"	 */
	p.no_break{
	page-break-before: avoid;
	page-break-after: avoid;
	page-break-inside: avoid;
	}
}

Пример №1