Attributo Style widows

Definizione e uso

widows L'attributo imposta o restituisce il numero minimo di righe visibili all'inizio di un blocco di testo che deve essere visibile in alto nella pagina (usato per la stampa o l'anteprima di stampa).

widows L'attributo influisce solo sugli elementi bloccanti.

Suggerimento:widows:5 Indica che sotto il segnaposto di pagina deve esserci almeno 5 righe visibili.

Suggerimento:Vedi Attributo orphans Per impostare o restituire il numero minimo di righe visibili per l'elemento che deve essere visibile nella parte inferiore della pagina.

Esempio

Cambia widows e verifica la stampa o l'anteprima di stampa:

<html>
<head>
<script>
function ChangeWidows() {
  document.getElementById("p1").style.widows = document.getElementById("widows").value;
}
</script>
<style>
.othercontent {
  width: 400px;
  border-top: 19cm solid #c3c3c3;
}
@page {
/* Imposta la dimensione della pagina di stampa */
  size: 21cm 27cm;
  margin-top: 2cm;
}
@media print {
  .widows {
    widows:2;
  }
}
</style>
</head>
<body>
<div class="othercontent">
<input id="widows" value="2">
<button onclick="ChangeWidows();">Cambia widows</button>
<p style="font-size:120%" id="p1">
Cambia widows e visualizza l'anteprima di stampa.<br>
Linea 2<br>
Linea 3<br>
Linea 4<br>
Linea 5<br>
Linea 6<br>
Linea 7<br>
Linea 8<br>
</p>
<div class="othercontent">
</body>
</html>

Prova personalmente

Sintassi

Restituisce l'attributo widows:

object.style.widows

Imposta l'attributo widows:

object.style.widows = "number|initial|inherit"

Valore dell'attributo

Valore Descrizione
number Intero che determina il numero minimo di righe visibili. Non sono ammessi valori negativi. Il valore predefinito è 2.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Inherita da questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: 2
Valore di ritorno: Stringa che rappresenta il numero minimo di righe da stampare in alto nella pagina.
Versione CSS: CSS2

Supporto del browser

I numeri nel tavolo indicano la versione del browser che supporta completamente l'attributo per la prima volta.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
25.0 8.0 Non supportato 7.0 10.0