Sintassi

Significato dei valori principali:

• integer: un numero intero maggiore o uguale a 1, che indica quante righe minime devono restare visibili nella parte inferiore della pagina o colonna. Il valore predefinito è 2.

Nota: Questa proprietà ha effetto principalmente nei contesti di stampa (@media print) o layout multi-colonna.

Esempio proprietà: widows

Codice Esempio: widows

CODE: CSS

1. @media print {

2.   .widows-example {

3.     widows: 3;

4.   }

5. }

7. .widows-example {

8.   column-count: 1;

9.   line-height: 1.6;

10.   font-size: 16px;

11. }

Contenuto Esempio: widows

  
  <style>
    @media print {
      .widows-example {
        widows: 3;
      }
    }

    .widows-example {
      column-count: 1;
      line-height: 1.6;
      font-size: 16px;
    }
  </style>

  <div class="widows-example">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit...
  </div>
  

⚠️ Nota compatibilità:
widows è supportata nei moderni browser in ambienti di stampa e multi-colonna, ma potrebbe non avere effetto in rendering standard su schermo.

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