CSS  »  Guide  »  Guida CSS di base 

Una delle ultime sezioni della specifica CSS2 è dedicata agli stili destinati alla formattazione di pagine stampate. L'implementazione di queste proprietà è quasi nulla su tutti i browser. Ci limitiamo pertanto ad una semplice presentazione dell'argomento.

Con le proprietà comprese nella sezione è possibile definire nei dettagli le modalità di formattazione della pagina in vista della stampa, a partire dalle dimensioni per finire all'orientamento della stessa: proprio come si fa in un comune word-processor. Con la direttiva @page, ad esempio, possiamo impostare questa regola:

@page {size: 210mm 297mm; margin: 30mm;}

Il layout della pagina in fase di stampa sarà quello di un normale foglio A4 con margini di 3cm su tutti i lati.

La parte preponderante della sezione è dedicata alla gestione delle interruzioni di pagina in fase di stampa. E' una questione seria. Quante volte provando a stampare una pagina web vi siete ritrovati una tabella divisa tra due pagine? Bene. Per risolvere il problema sono state implementate proprietà ad hoc. Tutte dovrebbero tendere ad evitare comportamenti ritenuti dal W3C non corretti:

• interrompere una pagina in corrispondenza di blocchi con bordi
• interrompere una pagina nel bel mezzo di una tabella
• interrompere una pagina in corrispondenza di elementi sottoposti al floating

Anche per questi aspetti esistono proprietà ad hoc:

• page-break-after
• page-break-before
• page-break-inside

Grazie ad esse è possibile con esattezza e per ciascun elemento quando e dove inserire un'interruzione di pagina. Ad esempio, se voglio evitare che l'interruzione nel corpo della tabella scriverò:

table {page-break-inside: avoid;}

Se invece ho una serie di sezioni di sommario alla fine delle quali voglio sempre un'interruzione userò questa regola:

div.sommario {page-break-after: always;}

page-break-after e page-break-before sono le uniche due proprietà supportate decentemente da tutti i browser. tra questi quello più performante su questo aspetto è Opera.

Come risorse di approfondimento suggeriamo questa pagina per verificare il supporto e la definizione della sezione sul sito del W3C

Altri articoli

Altre guide

Altre newsletter