Вдовици - CSS-трикове | CSS алманах 2025

От гледна точка на типографията, вдовица е последният ред на абзац, който остава сам на нова страница или в нова колона. В widowsимота в CSS контролира минималният брой на линии на една точка, която може да падне до нова страница. Това свойство засяга само странични носители като print.

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

Ако параграф не може да се побере на една страница в неговата цялост, той се разделя навсякъде, където е възможно. По този начин единични редове на абзац могат да се появят на страницата, преди да продължат на следващата страница. Това обикновено е нежелано, затова много текстови процесори изискват поне два реда да останат на стара страница, вместо един. В orphanимота действа подобно. Можете да му дадете положително число (където 2 е по подразбиране) или inherit.

Обърнете внимание, че widowsсвойството по принцип не засяга незастраховани носители като screen. Браузърите обаче поддържат и двете, widowsи columnsще приложат предвидената функционалност и към колони. Също така свойството засяга само елементи на ниво блок.

Накратко, в CSS специално:

widows= минимален брой редове в параграф, разделен на новата страница.
orphans= минимален брой редове в параграф, разделен на старата страница.

Свързани

сираци

Поддръжка на браузър

Тези данни за поддръжка на браузъра са от Caniuse, който има повече подробности. Число показва, че браузърът поддържа функцията на тази версия и по-нова.