Orfani - CSS-Tricks

Anonim

În termeni de tipografie, un orfan este prima linie a unui paragraf care este lăsat în urmă pe vechea pagină în timp ce paragraful continuă pe următoarea. orphanProprietatea controlează numărul minim de linii ale unui paragraf care pot fi lăsate pe pagina veche. Această proprietate afectează numai suporturile paginate, cum ar fi print.

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

De exemplu, dacă un paragraf nu se potrivește pe o pagină în întregime, este împărțit oriunde este posibil. În acest fel, rândurile simple ale unui paragraf pot apărea pe pagină înainte de a continua pe pagina următoare. Acest lucru este de obicei nedorit, astfel încât multe procesoare de text necesită cel puțin două linii pentru a fi lăsate pe o pagină veche, în loc de una. Puteți da fie un număr pozitiv (unde 2 este valoarea implicită), fie inherit.

Rețineți că orphanproprietatea nu afectează, în general, suporturile non-paginate, cum ar fi screen. Cu toate acestea, browserele care acceptă ambele orphansși columnsvor aplica funcționalitatea intenționată și coloanelor. De asemenea, proprietatea afectează numai elementele la nivel de bloc.

Pe scurt, în CSS în mod specific:
widows= numărul minim de linii dintr-un paragraf împărțit pe noua pagină.
orphans= numărul minim de linii dintr-un paragraf împărțit pe pagina veche .
Liniile roșii sunt orfani.

Legate de

  • văduve

Suport pentru browser

Crom Safari Firefox Operă IE Android iOS
25+ Nici unul Nici unul 9.2+ 8+ Nici unul Nici unul