diff --git a/css/index.md b/css/index.md index a82b031c7b..e0cf5a49c4 100644 --- a/css/index.md +++ b/css/index.md @@ -359,6 +359,7 @@ groups: - var - name: 'Стили для печати' items: + - orphans - widows - name: 'Колонки и таблицы' items: diff --git a/css/orphans/images/orphans.png b/css/orphans/images/orphans.png new file mode 100644 index 0000000000..749d64a1cf Binary files /dev/null and b/css/orphans/images/orphans.png differ diff --git a/css/orphans/index.md b/css/orphans/index.md new file mode 100644 index 0000000000..f2100d7983 --- /dev/null +++ b/css/orphans/index.md @@ -0,0 +1,49 @@ +--- +title: "`orphans`" +description: "Сколько строчек должно остаться на предыдущей странице при печати?" +authors: + - furtivite +contributors: + - skorobaeus +related: + - js/match-media + - css/media + - js/window-print +tags: + - doka +--- + +## Кратко + +Свойство `orphans` указывает, минимальное количество строк абзаца, которые должны остаться на странице при печати. Если не хватает места. + +Работает только внутри директивы [`@media`](/css/media/) со значением `print`. Отправьте страницу на печать, чтобы посмотреть, что получится. + +## Пример + +```css +@media print { + p { + orphans: 2; + } +} +``` + +## Как пишется + +В качестве значения можно передать целое положительное число, которое обозначает минимальное количество строк абзаца, которое должно остаться на предыдущей странице при печати. Не работает при отрицательном значении. + +## Как понять + +Свойство `orphans` тесно связано со свойством [`widows`](/css/widows/) и обозначает строки, которые остаются на предыдущей странице для печати. + +![Пример напечатанного на двух страницах текста](images/orphans.png) +Поэма А.С. Пушкина «Руслан и Людмила». Синим выделены оставшиеся одни «сироты». + +Свойство `orphans` [наследуемое](/css/inheritance/) и вместо положительного числа можно передать значение `inherit`, при этом в свойство нельзя передавать отрицательные значения. Они работать не будут. + +## На что обратить внимание + +Обратите внимание, свойство `widows` имеет преимущество перед `orphans`. Браузер выполнит это свойство, а затем постарается выполнить то, что указано в `orphans`. + +По умолчанию в браузерах, кроме Mozilla Firefox `orphans: 2`. В Firefox свойство не поддерживается.