Css tips and tricks
3.129 visualizzazioni
CSS: differenziare la stampa pagina destra / sinistra
27/01/2012L'utilizzo dei CSS per definire le caratteristiche di stampa di un contenuto web differenziate da come questo appare a video sono abbastanza note (nascondere menu, pubblicità o aree non direttamente pertinenti con il contenuto del testo / articolo, impostare colori B/W, ridimensionare in A4, etc etc).
Un'opzione dei CSS poco sfruttata in tal senso, è quella che attraverso l'uso delle pseudo classi :left e :right permette di definire marginazioni differenziate quando vi sia una interruzione di pagina nel caso si stampi il documento.
Un codice di esempio che permette di sfruttare questa caratteristica:
margine sinistro:
@page: left { margin-right: 3cm; margin-left: 2cm; }
margine destro:
@page: right { margin-right: 2cm; margin-left: 3cm;
In questo modo l'utente che stamperà fronte/retro avrà su tutte le pagine il margine interno più largo!