Stampa della pagina con formato CSS

Con alcuni comandi in CSS si può stampare una pagina con margine sinistro e/o destro oppure con un altro colore rispetto a quello del video.

Le pseudo classi :left e :right servono a definire le varianti del documento quando vi sia una interruzione di pagina nel caso si stampi il documento.

Queste 2 pseudo classi descrivono come sia il margine del documento nel caso lo stesso venga stampato come pagina sinistra (:left) o destra (:right).

Questa funzione è interessante nel caso si voglia bucare il margine del foglio stampato per introdurlo in una teca e non bucare (eliminare) delle lettere dello stesso.

Questo è il codice CSS da introdurre nella pagina.

Per il margine sinistro:

@page: left { margin-right: 3cm; margin-left: 2cm; }

Per il margine destro:

@page: right { margin-right: 2cm; margin-left: 3cm; }

Per stampare il testo di una pagina con scritta nera su sfondo bianco, anche se la pagina ha la scrittura di un altro colore, si può utilizzare un comando CSS. Si possono utilizzare formati CSS per tipi di output diversi (stampante, video).

@media screen{
body {background-color:#003300;}
p {color:#CCFFCC;}
}
@media print{
body {background-color:#FFFFFF;}
p {color:#000000;}
}

Per il video (@media screen) si può mettere il colore del testo su un verde chiaro (#CCFFCC) ed il colore di sfondo su un verde scuro (#003300).

Se la pagina venisse stampata (@media print) allora il testo verrà stampato in nero ed il colore di sfondo sarà bianco.

Articoli correlati:

  1. Centrare il contenuto della pagina con CSS
  2. Formattazione della pagina
  3. Infobox sulla pagina con intorno del testo
  4. Casella testo con bordo ed angolino
  5. Sfondo pagine con CSS

Comments are closed.