CSS приклад: widows

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

Опис

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

Синтаксис

widows: <число> | inherit

Значення

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

Приклад

HTML5CSS2.1IECrOpSaFx

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

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

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

    A: Widows в CSS використовується для контролю кількості останніх рядків, які можуть бути відокремлені від решти блоку тексту.

  • Q: Де використовувати widows в CSS?

    A: Widows можна використовувати в CSS для веб-сайтів, блогів або документів, де важливо забезпечити належний вигляд тексту.

  • Q: Як встановити значення widows в CSS?

    A: Значення widows встановлюється за допомогою властивості widows і приймає ціле число, що вказує мінімальну кількість рядків, які не повинні бути окремі.

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

    A: Widows підтримується в більшості сучасних браузерах, але рекомендується перевірити його підтримку перед використанням.

  • Q: Які можливі значення властивості widows в CSS?

    A: Значення властивості widows може бути від 2 і більше, якщо потрібно визначити більшу кількість рядків, що не повинні бути окремі.