Règle @page CSS

La règle @page définit la taille, l'orientation et la marge de la boîte de page dans le styleSheet, pour l'aperçu d'impression et l'impression du document Web à partir du navigateur. Souvent, dans cette construction, divers attributs CSS (comme la taille, la page et la marge) sont utilisés pour spécifier la taille, l'orientation, la marge de la boîte de page.

La boîte de page est une zone rectangulaire qui contient deux zones :

• Lazone de la page。La zone de la page inclut les boîtes disposées sur la page. Le bord de la zone de la première page établit un rectangle, qui est le bloc de contenu initial du document. Le fond de la toile est dessiné dedans et couvre la zone de la page.

• danszone de bordautour de la zone de la page. La zone de marge est transparente.

Syntaxe de l'utilisation de la règle CSS @page

La syntaxe de cette règle est la suivante :

@page [:left | :right | :first] {
　　　　/*　imprimer-règles spécifiques　*/
}

L'exemple suivant montre comment utiliser l'attribut @page.

@page {
marge :　2en;　/*　par défaut pour toutes les pages　*/
}
@page :left {
marge :　1en;　/*　marge sur la page gauche　*/
}
@page :right {
marge :　3en;　/*　marge sur la page droite　*/
}
@page :first {
marge-marge supérieure :　5en;　/*　marge supérieure sur la première page　*/
}

Compatibilité du navigateur

La règle @page n'est pas bien supportée.

Lire la suite

Veuillez consulter les tutoriels suivants :Types de média CSS。