Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

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-selector-list> {
  <page-body>
}

where
<page-selector-list> = [ <page-selector># ]?
<page-body> = <declaration>? [ ; <page-body> ]? | <page-margin-box> <page-body>

where
<page-selector> = <pseudo-page>+ | <ident> <pseudo-page>*
<page-margin-box> = <page-margin-box-type> { <declaration-list> }

where
<pseudo-page> = : [ left | right | first | blank ]
<page-margin-box-type> = @top-left-corner | @top-left | @top-center | @top-right | @top-right-corner | @bottom-left-corner | @bottom-left | @bottom-center | @bottom-right | @bottom-right-corner | @left-top | @left-middle | @left-bottom | @right-top | @right-middle | @right-bottom

Ejemplos

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

Especificaciones

Especificación Estatus Comentario
CSS Logical Properties and Values Level 1
La definición de ':recto and :verso' en esta especificación.
Editor's Draft Agrega los selectores de página:recto y :verso.
CSS Paged Media Module Level 3
La definición de '@page' en esta especificación.
Working Draft Ningún cambio desde CSS Level 2 (Revision 1), aunque mas reglas CSS pueden ser usadas dentro de @page.
CSS Level 2 (Revision 1)
La definición de '@page' en esta especificación.
Recommendation Definición inicial

Compatibilidad del navegador

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte Básico 2.0 19.0 (19.0) 8.0 6.0 5.0
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte Básico ? 19.0 (19.0) ? ? ?

Etiquetas y colaboradores del documento

 Colaboradores en esta página: luismj
 Última actualización por: luismj,