Les boîtes de page : la règle @page
La boite de page
La boîte de page est une aire rectangulaire comportant deux parties :
|
Les dimensions de la page, les marges etc. peuvent donc être définies en utilisant le sélecteur @page.
Les propriétés acceptées sont :
Pour les marges : 'margin-top', 'margin-right', 'margin-bottom', 'margin-left' et 'margin'
Pour le format de la page : 'size'
Toutes les propriétés de styles du texte : 'font-size', 'font-family', 'text-align' etc...
Il est aussi possible d'utiliser des sélecteurs imbriqués tels que : '@bottom-right', '@bottom-left', '@bottom-center', '@top-right', '@top-center', '@top-left' pour gérer et appliquer des styles sur les en-têtes et pieds de pages. C'est utile pour gérer la numérotation des pages.
@page {
size: A4 portrait;
margin: 2cm;
@bottom-right {
content: counter(page);
font-size: 8pt;
font-family: "Computer Modern";
text-align: right;
}
}
La propriété counter(page) permet d'afficher le numéro de la page.
Il existe des pseudo-classes :left et :right pour respectivement sélectionner les pages gauche (impaires) et les pages droite (paires) et la pseudo-classe :first pour sélectionner la première page.