css властивість orphans
Властивість orphans визначає мінімальну кількість рядків у контейнері, які потрібно залишити у фрагменті перед перервою фрагментації (існує подібна властивість widows, котра діє майже так само, лише вказує кількість рядків, які потрібні залишити у фрагменті після перерви фрагментації).
Загальний термін для переносу вмісту в контейнерах - фрагментація. Сторінки, стовпці та регіони називаються контейнерами фрагментації. Їх також називають фрагментарними.
Кожна фрагментація перериває завершення макета фрагментованої коробки в поточному фрагментарному ланцюзі і призводить до того, що залишковий вміст буде розміщено у наступному фрагменті, у деяких випадках викликаючи створення нового фрагментарного матеріалу, який містить знову ж таки вкладений вміст.
Властивість orphans була спочатку введена у CSS2, щоб допомогти авторам контролювати розриви рядків у друкованих носіях. CSS3 розширює використання цієї властивості для вирішення інших типів функцій макета, таких як макети з декількома стовпцями та регіонами CSS (де вміст з одного або декількох елементів може розміщуватися на одному або декількох рядках).
| Нотатка: | Якщо значення властивості конфліктує із властивістю |
Синтаксис
orphans: <число>;Властивість orphans може отримувати одне значення:
<число>Kількість рядків тексту, які розміщується на наступній сторінці.
| Значення без задання: | 2 |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.orphans = 5; |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| orphans | 25.0 |
8.0 |
Не підтримується |
7.0 |
9.2 |
12.0 |
| Переглядач | |||
|---|---|---|---|
| orphans | 4.4 |
Не підтримується |
7.1 |
Мобільних переглядачів ще не додано.
Приклади
Значення у дії
Приклад використання
Застосування властивості.
p {
widows: 3;
orphans: 3;
}