disign | CSS: differenziare la stampa pagina destra / sinistra | a digital sign for a best design!
A digital sign for a best design

Articolo stampato da http://disign.improntedigitali.it/css-differenziare-la-stampa-pagina-destra-sinistra-321-3-1.html

© Luca Frassineti

Css tips and tricks 3.129 visualizzazioni

CSS: differenziare la stampa pagina destra / sinistra

27/01/2012

L'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!

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 




Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:



© 2009 - 2025 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.