CSS приклад: orphans

Internet Explorer Chrome Opera Safari Firefox Android iOS
8.0+ 9.2+

Коротка інформація

Значення за замовчуванням2
НаслідуєтьсяТак
ЗастосовуєтьсяДо блочних елементів
Відсотковий записНе застосовується
Посилання на специфікаціюhttp://www.w3.org/TR/CSS21/page.html#propdef-orphans

Версії CSS

CSS 1CSS 2CSS 2.1CSS 3

Опис

Властивість orphans встановлює мінімальну кількість рядків тексту, яка залишається на попередній сторінці при друку документа. Ця властивість працює у випадку, якщо весь текст розміщується на двох або більше друкарських сторінках.

Синтаксис

orphans: число | inherit

Значення

число
Ціле число, яке встановлює кількість рядків унизу друкарської сторінки. Від'ємне значення заборонено.
inherit
Наслідує значення батька.

Приклад

HTML5CSS2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>orphans</title>
  <style>
   @media print {
    p {
     widows: 3;
     orphans: 3;
    }
   }
  </style>
 </head>
 <body> 
  <p>Роджерс визначав терапію як, інтроекція інтегрує гештальт, в повному відповідності 
  до основних законів розвитку людини. Як було показано вище, інтелект починає 
  опортуністичний конформізм, хоча цей факт потребує подальшої перевірки спостереженням. 
  Вивчаючи з позицій, близьких до гештальтпсихології та психоаналізу процеси в малій групі, 
  які відображають неформальну мікроструктуру суспільства, Дж. Морено показав, що інтроекція 
  психологічно викликає кризу, про що й писав А. Маслоу у своїй 
  роботі "Мотивація і особистість".</p>
 </body>
</html>

Часті запитання

  • Q: Як використовувати orphans в CSS?

    A: Orphans в CSS використовується для встановлення мінімальної кількості рядків, які можуть залишитися на сторінці після перенесення блоку. Наприклад, 'orphans: 2;' вказує, що має залишитися щонайменше 2 рядки.

  • Q: Де можна використовувати orphans в CSS?

    A: Orphans в CSS можна використовувати у властивостях CSS, які відповідають за оформлення тексту, наприклад, у властивостях 'text-align', 'font-size', 'line-height' тощо.

  • Q: Що робить властивість orphans в CSS?

    A: Властивість orphans в CSS допомагає контролювати кількість рядків, які можуть залишитися на сторінці після перенесення блоку. Це дозволяє покращити вигляд тексту на сторінці.

  • Q: Чим відрізняється властивість orphans від widows в CSS?

    A: Властивість orphans в CSS відповідає за мінімальну кількість рядків, які можуть залишитися на сторінці після перенесення блоку, тоді як widows вказує мінімальну кількість рядків, які повинні бути видимі на наступній сторінці.

  • Q: Чи підтримується властивість orphans у всіх браузерах?

    A: Властивість orphans підтримується у більшості сучасних браузерах, але може бути проблеми з її відображенням у деяких старих версіях браузерів. Рекомендується перевіряти сумісність з браузерами перед використанням.