Regola @page CSS

La regola @page definisce le dimensioni, la direzione e i margini della cornice della pagina nel styleSheet, utilizzati per l'anteprima di stampa e la stampa dei documenti web dal browser. Di solito, in questa costruzione, vari attributi CSS (come le dimensioni, le pagine e i margini) vengono utilizzati per specificare le dimensioni, la direzione e i margini della cornice della pagina.

La cornice della pagina è un'area rettangolare che contiene due aree:

• QuestaArea della pagina. L'area della pagina include i riquadri posizionati sulla pagina. La cornice dell'area della prima pagina forma un rettangolo, che è il blocco iniziale del documento. Il sfondo del canvas viene disegnato al suo interno e copre l'area della pagina.

• inArea di margineintorno all'area della pagina. L'area del margine è trasparente.

Sintassi dell'uso della regola @page CSS

La sintassi di questa regola è la seguente:

@page [:left | :right | :first] {
　　　　/* regole specifiche per la stampa */
}

L'esempio seguente dimostra come utilizzare la proprietà @page.

@page {
margin: 2in; /* predefinito per tutte le pagine */
}
@page :left {
margin: 1in; /* margine sulla pagina sinistra */
}
@page :right {
margin: 3in; /* margine sulla pagina destra */
}
@page :first {
margin-top: 5in; /* margine superiore sulla prima pagina */
}

Compatibilità del browser

La regola @page non è supportata bene.

Leggi di più

Si prega di consultare la seguente guida:Tipi di Media CSS.