English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Al imprimir documentos, la propiedad 'page' antes de la propiedad CSS-ruptura-La propiedad 'before' se coloca antes del elemento y antes del separador de página. Esta propiedad se aplica a los elementos que generan cuadros.BloqueElementos. No se aplica a <p> que no generan un cuadro vacío.
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 |
| Herencia: | Ninguno |
| Animación posible: | No.Ver más Atributos de animación. |
| Versión: | CSS 2,3 |
| Sintaxis de JavaScript: | objeto.style.pageBreakBefore="siempre" |
La sintaxis de este atributo es la siguiente:
page-ruptura-before: auto | siempre | evitar | izquierda | derecha | inicial | heredado
El siguiente ejemplo muestra cómo usar el atributo page-ruptura-Atributo before.
@media impresión {
h1 {
page-ruptura-before: siempre;
}
}Prueba para ver‹/›La regla de estilo en el ejemplo anterior establece el comportamiento de división de página siempre en<h1>Dividir la página antes del elemento para que este elemento siempre aparezca en la parte superior de la nueva página.
Nota:la página-ruptura-El atributo before solo se aplica a los elementos raíz otabla-filaflujo normal del elementoBloqueElemento.
La tabla a continuación describe los valores de este atributo.
| Valores | Descripción |
|---|---|
| auto | Si es necesario, insertar un símbolo de división de página antes del elemento. Este es el valor predeterminado. |
| always | Forzar siempre una división de página antes del elemento. |
| avoid | Evitar la división de página antes del elemento. |
| left | Forzar una división de página una o dos veces antes del elemento, para que la próxima página sea la página izquierda. |
| right | Forzar una división de página una o dos veces antes del elemento, para que la próxima página sea la página derecha. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza su elemento padre page-ruptura-Valores del atributo before. |
page-ruptura-La compatibilidad del navegador del atributo before, 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 en parte este atributo.
|
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.
Consulte los siguientes tutoriales:Tipos de medios CSS.
Atributos relacionados:page-ruptura-after,page-ruptura-inside.