Propiedad CSS page-break-before
Ejemplo
Siempre inserte un salto de página antes de un elemento <h1>:
@media print
{
h1 {page-break-before: always;}
}
Definición y uso
La page-break-before
propiedad agrega un salto de página antes de un elemento especificado.
Sugerencia: Las propiedades: page-break-before, page-break-after y page-break-inside ayudan a definir cómo debe comportarse un documento cuando se imprime.
Nota: No puede usar esta propiedad en un <div> vacío o en elementos absolutamente posicionados.
Valor por defecto: | auto |
---|---|
Heredado: | No |
Animable: | No. Leer sobre animable |
Versión: | CSS2 |
Sintaxis de JavaScript: | objeto .style.pageBreakBefore="siempre" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
page-break-before | 1.0 | 4.0 | 1.0 | 1.2 | 7.0 |
Nota: Ninguno de los navegadores admite "evitar".
Nota: los navegadores pueden interpretar "izquierda" y "derecha" como "siempre".
Sintaxis CSS
page-break-before: auto|always|avoid|left|right|initial|inherit;
Valores de propiedad
Value | Description |
---|---|
auto | Default. Automatic page-breaks |
always | Always insert a page-break before the element |
avoid | Avoid page-break before the element (if possible) |
left | Insert page-break before the element so that the next page is formatted as a left page |
right | Insert page-break before the element so that the next page is formatted as a right page |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
páginas relacionadas
Referencia HTML DOM: propiedad pageBreakBefore