English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manual de referencia CSS

CSS @reglas (RULES)

completo de atributos CSS

CSS page-break-Métodos de uso y ejemplos de la propiedad 'after'

Insertar un símbolo de página en el documento de impresión después del elemento. página-break-La propiedad 'after' se aplica para generar cuadrosBloqueelemento. No se aplica a un <p> vacío, no se genera un cuadro en blanco.

La siguiente tabla describe el uso y el historial de versiones de esta propiedad, así como la sintaxis de uso en scripts de JavaScript.

valor predeterminado:auto
aplicable a:elementos de bloque
heredar:ninguno
Animable:No.Ver Atributos de animación
Versión:CSS 2、3
Sintaxis de JavaScript:object.style.pageBreakAfter="avoid"

page-break-Sintaxis de uso de after

La sintaxis de este atributo es la siguiente:

page-break-after: auto | always | avoid | left | right | initial | inherit

Los siguientes ejemplos demuestran cómo usar page-break-Atributo after.

  @media print {
   p.footnotes {
    page-break-after: always;      
   }
  }
Prueba para ver‹/›

La regla de estilo en el ejemplo anterior establece el comportamiento de paginación en siempre paginar y pasar a una nueva página después de los pies de página.

Nota:page-break-El atributo after solo se aplica a los elementos raíz otable-rowdel flujo normal del elementoBloqueElemento

Valores del atributo

La tabla a continuación describe los valores de este atributo.

ValoresDescripción
autoSi es necesario, insertar un salto de página después del elemento. Este es el valor predeterminado.
alwaysForzar siempre un salto de página después del elemento.
avoidEvitar la paginación después del elemento.
leftForzar una paginación una o dos veces después del elemento, para que la próxima página sea la página izquierda.
rightForzar una paginación una o dos veces después del elemento, para que la próxima página sea la página derecha.
initialEstablezca este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el elemento padre page-break-Valores del atributo after.

Compatibilidad del navegador

page-break-La compatibilidad del atributo after del navegador, los números en la tabla a continuación representan la versión más baja del navegador que admite este atributo; todos los navegadores principales admiten este atributo en parte.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1.2+

  • Opera 7+

Advertencia: Internet Explorer 8Y las versiones anteriores no admiten estos valores left y right; cualquier valor se interpreta como always. Firefox, Chrome y Safari no admiten los valores avoid, left o right.

Leer más

Consulte los siguientes tutoriales:Tipos de medios CSS

Atributos relacionados:page-break-beforepage-break-inside