CSS @page
La Direttiva CSS @page per la gestione del layout di stampa (CSS3)
La Direttiva @page consente di configurare il layout di stampa di una pagina. È particolarmente utile per la personalizzazione dei margini, della dimensione della pagina e dell'orientamento, come nel caso di un documento che deve essere stampato in formato A4 orizzontale.
Sintassi
Significato dei valori principali:
-
margins: definisce i margini della pagina. Può essere usato per controllare gli spazi tra il contenuto e i bordi della pagina.
-
size: imposta le dimensioni della pagina, ad esempio
A4,letter, o valori personalizzati come210mm 297mm. -
orientation: specifica l'orientamento della pagina, che può essere
portrait(verticale) olandscape(orizzontale).
Esempio Direttiva: @page
Codice Esempio: @page
@page {
size: A4;
margin: 20mm;
orientation: landscape;
}
Contenuto Esempio: @page
Esempio di utilizzo di @page
In questo esempio, la Direttiva @page viene utilizzata per definire le impostazioni di margine e orientamento per la stampa:
CSS e HTML per la stampa della pagina con i margini definiti:
<style>
@page {
size: A4; /* Imposta la dimensione della pagina su A4 */
margin: 20mm; /* Imposta il margine della pagina a 20mm */
orientation: landscape; /* Imposta l'orientamento della pagina in orizzontale */
}
</style>
<p>Contenuto da stampare su una pagina in formato A4 con orientamento orizzontale e margini di 20mm.</p>
Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.
Supporto Browser
IP: 216.73.216.31
