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> ...
Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Evitar los saltos de página
Siguiente
Módulos para los diseñadores gráficos