widows

La propiedad CSS  widows especifica el n煤mero minimo de lineas en un contenedor de bloques que se deben mostrar en la parte superior de la pagina, region o columna.  Esta propiedad se usa normalmente para controlar como se producen las pausas.  

/* valores <enteros> */
widows: 2;
widows: 3;

/* valores globales */
widows: inherit;
widows: initial;
widows: unset;

En la tipografia, un widow is la ultima linea de un paragrafo que aparece solo en la parte superior de la pagina.

Valor inicial2
Applies toblock container elements
Heredableyes
Valor calculadocomo se especifica
Animation typediscrete

Sintaxis

Valores

<integer>
The minimum number of lines that can stay by themselves at the top of a new fragment after a fragmentation break. The value must be positive.

Sintaxis Formal

Ejemplo

HTML

<div>
  <p>Este es el primer paragrafo que contiene algun texto.</p>
  <p>Este es el segundo paragrafo que contiene alg煤n texto mayor que el primero. Es usado para desmostrar como trabaja widows.</p>
  <p>Este es el tercer paragrafo. Es un poco mas extenso en texto que el primero.</p>
</div>

CSS

div {
  background-color: #8cffa0;
  columns: 3;
  widows: 2;
}

p {
  background-color: #8ca0ff;
}

p:first-child {
  margin-top: 0;
}

Resultado

Especificaciones

Especificaci贸n Estado Comentario
CSS Fragmentation Module Level 3
La definici贸n de 'widows' en esta especificaci贸n.		 Candidate Recommendation Extiende widows para que se apliqye a cualquier tipo de fragmento, incluyendo paginas, regiones o columnas. 
CSS Multi-column Layout Module
La definici贸n de 'widows' en esta especificaci贸n.		 Working Draft Recomendaciones a considerar de widows en relacion con las columnas. 
CSS Level 2 (Revision 1)
La definici贸n de 'widows' en esta especificaci贸n.		 Recommendation Definici贸n Inicial. 

Compatibilidad entre navegadores

BCD tables only load in the browser

Ver tambien