post icon

Resize page on printing time with css

Per poter applicare uno stile ad una pagina soltanto in fase di stampa è sufficiente seguire i seguenti passaggi:

1. Creare un nuovo stylesheet, ad esempio print.css con lo stile da applicare solo in fase di stampa
Ad esempio se si vuole ridimensionare la pagina il seguente:  

#content{ width: 50% !important;}

 

2. Applicare all’HTML il css come segue:

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

 

La chiave di volta di questo snippet è nel media="print".
In pratica lo stylesheet viene applicato solo in fase di stampa.

Download source ResizePrintPageUsingCSS.zip (614,00 bytes)

27 febbraio 2009 @ 16:17

No comments yet.

Leave a comment

Leave a Reply

Are you human? Time limit is exhausted. Please reload CAPTCHA.