Sintassi

Significato dei valori principali:

• numero: un valore intero positivo che indica il numero minimo di righe che devono rimanere alla fine della pagina o colonna prima di effettuare l’interruzione. Il valore predefinito è 2.

Esempio proprietà: orphans

Codice Esempio: orphans

CODE: CSS

1. .orphans-example {

2.   width: 300px;

3.   height: 200px;

4.   column-count: 1;

5.   font-size: 18px;

6.   line-height: 1.4;

7.   orphans: 3;

8.   overflow: auto;

9.   border: 1px solid #ccc;

10.   padding: 10px;

11. }

Contenuto Esempio: orphans

  
  <style>
    .orphans-example {
      width: 300px;
      height: 200px;
      column-count: 1;
      font-size: 18px;
      line-height: 1.4;
      orphans: 3;
      overflow: auto;
      border: 1px solid #ccc;
      padding: 10px;
    }
  </style>

  <div class="orphans-example">
    Lorem ipsum dolor sit amet...
  </div>
  

✅ Note aggiuntive:

• Spesso usata insieme a widows, che controlla il numero minimo di righe all’inizio della pagina/colonna.
• Rilevante soprattutto per media di stampa o layout multicolonna.
• Supporto browser: ampio, ma applicazione effettiva spesso visibile solo in contesti con interruzioni di pagina o colonne.

Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.

Supporto Browser