Spec-Zone.ru › CSS

widows

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает в некоторых из самых широко используемых браузеров.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

Свойство widows CSS устанавливает минимальное количество строк в контейнере блока, которое должно быть показано в верхней части страницы, области или колонки.

В типографике осиротевшая строка — это последняя строка абзаца, которая отображается отдельно в верхней части страницы. (Абзац продолжается с предыдущей страницы.)

Синтаксис

/* <integer> values */
widows: 2;
widows: 3;

/* Global values */
widows: inherit;
widows: initial;
widows: revert;
widows: revert-layer;
widows: unset;

Значения

<integer>

Минимальное количество строк, которые могут остаться сами по себе вверху нового фрагмента после разрыва фрагментации. Значение должно быть положительным.

Формальное определение

Начальное значение 2
Применимо к элементам контейнера блока
Наследуется да
Вычисленное значение как указано
Тип анимации по типу вычисленного значения

Формальный синтаксис

widows = 
<integer [1,∞]>

Примеры

Управление осиротевшими строками колонок

HTML

<div>
  <p>This is the first paragraph containing some text.</p>
  <p>
    This is the second paragraph containing some more text than the first one.
    It is used to demonstrate how widows work.
  </p>
  <p>
    This is the third paragraph. It has a little bit more text than the first
    one.
  </p>
</div>

CSS

div {
  background-color: #8cffa0;
  columns: 3;
  widows: 2;
}

p {
  background-color: #8ca0ff;
}

p:first-child {
  margin-top: 0;
}

Результат

Спецификации

Спецификация
CSS Модуль фрагментации уровня 3
# widows-orphans
CSS Модуль многоколоночной компоновки уровень 1
# filling-columns

Совместимость с браузерами

Рабочий стол Мобильное устройство
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
widows 25 12 Нет 9.2 1.3 25 Нет 14 1 1.5 4.4

См. также

  • orphans
  • Страничная среда

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/widows

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API