Regla @page CSS

La regla @page define las dimensiones, la dirección y los márgenes de la caja de página en el styleSheet, para la previsualización de impresión y la impresión de documentos web desde el navegador. Por lo general, en esta construcción, varios atributos CSS (como el tamaño, la página y los márgenes) se utilizan para especificar las dimensiones, la dirección, los márgenes, etc. de la caja de página.

La caja de página es una área rectangular que contiene dos áreas:

• Laárea de página. La área de la página incluye los cuadros dispuestos en la página. En la área de la primera página, se establece un rectángulo rectangular, que es el contenedor inicial del documento. El fondo de lienzo se dibuja dentro de él y cubre la área de la página.

• enárea de bordealrededor de la área de la página. La área de margen es transparente.

Sintaxis de uso de la regla CSS @page

La sintaxis de esta regla es la siguiente:

@page [:left | :right | :first] {
　　　　/*　imprimir-reglas específicas　*/
}

El siguiente ejemplo muestra cómo se utiliza la propiedad @page.

@page {
margen:　2en;　/*　por defecto para todas las páginas　*/
}
@page :left {
margen:　1en;　/*　margen en la página izquierda　*/
}
@page :right {
margen:　3en;　/*　margen en la página derecha　*/
}
@page :first {
margen-top:　5en;　/*　margen superior en la primera página　*/
}

Compatibilidad del navegador

La regla @page no está bien soportada.

Leer más

Consulte la siguiente guía:Tipos de medios CSS.