break-after
propiedad.
los page-break-after
La propiedad CSS ajusta los saltos de página después el elemento actual.
/* Keyword values */ page-break-after: auto; page-break-after: always; page-break-after: avoid; page-break-after: left; page-break-after: right; page-break-after: recto; page-break-after: verso; /* Global values */ page-break-after: inherit; page-break-after: initial; page-break-after: unset;
Esta propiedad se aplica a los elementos de bloque que generan una caja. No se aplicará en un vacío <div>
que no generará una caja.
Sintaxis
Valores
auto
- Valor inicial. Saltos de página automáticos (ni forzados ni prohibidos).
always
- Siempre fuerce los saltos de página después del elemento.
avoid
- Evite los saltos de página después del elemento.
left
- Fuerza los saltos de página después del elemento para que la página siguiente tenga el formato de página izquierda.
right
- Fuerza los saltos de página después del elemento para que la página siguiente tenga el formato de la página derecha.
-
recto
Esta es una API experimental que no debe usarse en código de producción. - Si las páginas avanzan de izquierda a derecha, esto actúa como
right
. Si las páginas avanzan de derecha a izquierda, esto actúa comoleft
. -
verso
Esta es una API experimental que no debe usarse en código de producción. - Si las páginas avanzan de izquierda a derecha, esto actúa como
left
. Si las páginas avanzan de derecha a izquierda, esto actúa comoright
.
Alias de salto de página
los page-break-after
la propiedad ahora es una propiedad heredada, reemplazada por break-after
.
Por razones de compatibilidad, page-break-after
debe ser tratado por los navegadores como un alias de break-after
. Esto asegura que los sitios que usan page-break-after
continúe funcionando según lo diseñado. Un subconjunto de valores debe tener un alias de la siguiente manera:
salto de página después | romper después |
---|---|
auto |
auto |
left |
left |
right |
right |
avoid |
avoid |
always |
page |
Definicion formal
Valor inicial | auto |
---|---|
Se aplica a | elementos a nivel de bloque en el flujo normal del elemento raíz. Los agentes de usuario también pueden aplicarlo a otros elementos como table-row elementos. |
Heredado | no |
Valor calculado | Como se especificó |
Tipo de animación | discreto |
Sintaxis formal
auto | always | avoid | left | right | recto | verso
Ejemplos de
Establecer un salto de página después de las notas al pie
/* move to a new page after footnotes */ div.footnotes { page-break-after: always; }
Especificaciones
Especificación | Estado | Comentario |
---|---|---|
Propiedades lógicas y valores de CSS Nivel 1 La definición de ‘anverso y reverso’ en esa especificación. |
Borrador del editor | Agrega los valores recto y verso . |
Módulo de medios paginados CSS, nivel 3 La definición de ‘page-break-after’ en esa especificación. |
Borrador de trabajo | Extiende el elemento que esta propiedad aplica a las filas de la tabla y a los grupos de filas de la tabla. |
CSS Nivel 2 (Revisión 1) La definición de ‘page-break-after’ en esa especificación. |
Recomendación | Definición inicial |
Compatibilidad del navegador
Escritorio | Móvil | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Cromo | Borde | Firefox | explorador de Internet | Ópera | Safari | WebView Android | Chrome Android | Firefox para Android | Opera Android | Safari en IOS | Internet de Samsung | |
page-break-after |
1 | 12 |
1 Los valores |
4 | 7 | 1.2 | 37 | 18 |
4 Los valores |
14 | 1 | 1.0 |
Ver también
-
break-before
,break-after
,break-inside
-
page-break-before
,page-break-inside
-
orphans
,widows