disign.it | CSS: differenziare la stampa pagina destra / sinistra | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 2.132 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!

← Javascript: richiesta di conferma SEO: il file robots →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

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