Skip to content

Commit

Permalink
Пишет статью orphans
Browse files Browse the repository at this point in the history
  • Loading branch information
furtivite committed Jul 24, 2024
1 parent 0121606 commit 683b859
Show file tree
Hide file tree
Showing 3 changed files with 50 additions and 0 deletions.
1 change: 1 addition & 0 deletions css/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -359,6 +359,7 @@ groups:
- var
- name: 'Стили для печати'
items:
- orphans
- widows
- name: 'Колонки и таблицы'
items:
Expand Down
Binary file added css/orphans/images/orphans.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
49 changes: 49 additions & 0 deletions css/orphans/index.md
Original file line number Diff line number Diff line change
@@ -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 свойство не поддерживается.

0 comments on commit 683b859

Please sign in to comment.