@page

Baseline 2024 *
Newly available

Since December 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

* Some parts of this feature may have varying levels of support.

Resumen

La regla @page es usada para modificar algunas propiedades CSS cuando se va a imprimir una página web. No se pueden cambiar todas las propiedades CSS con @page, solo los márgenes, las líneas viudas, huérfanas y los saltos de página. Cualquier intento de cambiar otra propiedad será ignorada.

La regla @page puede ser accesada por medio de la interfaz modelo objeto CSSPageRule.

Nota: La W3C esta discutiendo como manejar las unidades relativas <length> : vh, vw, vmin, y vmax. Mientras tanto, se recomienda no usarlas en la regla @page.

Sintaxis

Descriptores

size

Especifica el tamaño y la orientación de la caja objetivo de la página. En general, una caja es representada dentro de una hoja, también indica el tamaño de la hoja destino.

marks

Añade marcas de corte y/o registro al documento.

bleed

Especifica la extensión más allá de la caja de página a la que se recorta el procesamiento de página.

Sintaxis Formal

@page = 
  @page <page-selector-list>? { <declaration-rule-list> }  

<page-selector-list> = 
  <page-selector>#  

<page-selector> = 
  [ <ident-token>? <pseudo-page>* ]!  

<pseudo-page> = 
  : [ left | right | first | blank ]

Ejemplos

Por favor dirígete a las pseudo-classes de @page por ejemplos.

Especificaciones

Specification
CSS Paged Media Module Level 3
# at-page-rule
CSS Logical Properties and Values Level 1
# page

Compatibilidad con navegadores