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 inicial | 2 |
---|---|
Applies to | block container elements |
Heredable | yes |
Valor calculado | como se especifica |
Animation type | discrete |
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