Índice

El selector @page

La especificación CSS2 ha agregado el selector @page, reservado a propiedades de estilo de impresión específicas.

Hay que decir que, varios años después, pocas de estas propiedades específicas se han implementado en los navegadores, incluso en los más recientes, aunque las especificaciones del W3C a este respecto son numerosas y, a priori, muy prácticas.

Pensemos, por ejemplo, en el selector de página @page, que se implementó en el navegador Opera 8+ y que se ha ignorado por completo en los demás navegadores. Comprobamos que estas opciones son, cuando menos, apetitosas. Citemos algunas posibilidades:

  • Imprimir en modo apaisado o con orientación vertical.

  • Dimensionar la página impresa.

  • Agregar marcas de recorte.

  • Prever un estilo para la primera página, las páginas pares o impares.

  • Etc.

Aprovechemos la ocasión para explorar estas posibilidades en el navegador Opera 10.6.

Ejemplo 1

Forzar la impresión en modo apaisado mediante la propiedad @page{size: landscape;}.

<!DOCTYPE html> 
<html lang="es"> 
<head> 
<title>Html5</title> 
<meta charset="UTF-8">  
<style type="text/css" media="print"> 
@page{ size: landscape;} 
.normal { font-size: 120pt;} 
.break { font-size: 120pt; 
         page-break-after:always;} 
</style> 
</head> 
<body> 
<h1 class="break">Página 1</h1>  ...