Сироти - CSS-хитрощі

Anonim

З точки зору типографіки, сирота - це перший рядок абзацу, який залишився на старій сторінці, тоді як абзац продовжується на наступному. orphanВластивість управляє мінімальною кількістю рядків абзацу , які можна залишити на старій сторінці. Ця властивість впливає лише на сторінкові носії, такі як print.

@media print ( p ( orphans: 3; ) )

Наприклад, якщо абзац не може вміститися на одній сторінці цілком, він розділяється скрізь, де це можливо. Таким чином окремі рядки абзацу можуть з’являтися на сторінці до того, як вони продовжуватимуться на наступній сторінці. Це, як правило, небажано, тому для багатьох текстових процесорів потрібно залишити принаймні два рядки на старій сторінці, а не один. Ви можете дати йому додатне число (де 2 - за замовчуванням) або inherit.

Зверніть увагу, що orphanвластивість, як правило, не впливає на незастосовані носії, такі як screen. Однак браузери, що підтримують і те, orphansі інше columns, застосовуватимуть передбачувану функціональність і до стовпців. Крім того, властивість впливає лише на елементи рівня блоку.

Коротше кажучи, в CSS конкретно:
widows= мінімальна кількість рядків у абзаці, розділеному на новій сторінці.
orphans= мінімальна кількість рядків у абзаці, розділеному на старій сторінці.
Червоні лінії - сироти.

Пов’язані

  • вдови

Підтримка браузера

Chrome Сафарі Firefox Опера IE Android iOS
25+ Жоден Жоден 9,2+ 8+ Жоден Жоден