Spec-Zone.ru › CSS

orphans

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

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

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

Свойство orphans CSS задаёт минимальное количество строк в блочном контейнере, которое должно отображаться в нижней части страницы, области или колонки.

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

Синтаксис

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

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

Значения

<integer>

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

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

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

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

orphans = 
<integer [1,∞]>

Примеры

Установка минимального размера orphans в три строки

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 orphans 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;
  height: 150px;
  columns: 3;
  orphans: 3;
}

p {
  background-color: #8ca0ff;
}

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

Результат

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

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

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

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

См. также

  • widows
  • Страничные медиа

© 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/orphans

Spec-Zone.ru

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