Orfani - Trucchi CSS

Anonim

In termini tipografici, un orfano è la prima riga di un paragrafo che viene lasciata nella vecchia pagina mentre il paragrafo continua nella successiva. La orphanproprietà controlla il numero minimo di righe di un paragrafo che possono essere lasciate sulla vecchia pagina. Questa proprietà influisce solo sui media paginati come print.

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

Ad esempio, se un paragrafo non può stare in una pagina nella sua interezza, viene diviso ovunque sia possibile. In questo modo singole righe di un paragrafo possono apparire sulla pagina prima che prosegua nella pagina successiva. Questo di solito è indesiderato, quindi molti elaboratori di testi richiedono che almeno due righe siano lasciate su una vecchia pagina, invece di una. Puoi dargli un numero positivo (dove 2 è il valore predefinito) o inherit.

Si noti che la orphanproprietà in genere non influisce sui supporti non di paging come screen. Tuttavia, i browser che supportano entrambi orphanse columnsapplicheranno la funzionalità prevista anche alle colonne. Inoltre, la proprietà influisce solo sugli elementi a livello di blocco.

In breve, in CSS in particolare:
widows= numero minimo di righe in una divisione di paragrafo sulla nuova pagina.
orphans= numero minimo di righe in una divisione di paragrafo sulla vecchia pagina.
Le linee rosse sono orfane.

Relazionato

  • vedove

Supporto browser

Cromo Safari Firefox musica lirica IE Android iOS
25+ Nessuna Nessuna 9.2+ 8+ Nessuna Nessuna