:right

La pseudo-classe :right, liée à la règle @page, correspond aux pages de droite pour un média paginé. Ceci permet de mettre en forme les pages de droite.

/* Sélectionne le contenu des pages droites */
/* lorsqu'on imprime le document */
@page :right {
  margin: 2in 3in;
}

La position de la page (à gauche ou à droite) dépend de la direction d'écriture appliquée au document. Si la première page est écrite de la gauche vers la droite, alors ce sera une page droite, sinon ce sera une page gauche (qui pourra alors être ciblée avec :left).

Note : Il n'est pas possible de modifier toutes les propriétés CSS. Seules les propriétés margin, padding, border, and background de la boîte correspondant à la page peuvent être modifiées. Toutes les autres propriétés CSS seront ignorées, et seulement la boîte correspondant à la page, et en aucun cas le contenu du document pourront être affectés.

Syntaxe

:right

Exemples

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

Spécifications

Spécification État Commentaires
CSS Paged Media Module Level 3
La définition de ':right' dans cette spécification.
Version de travail Aucune modification.
CSS Level 2 (Revision 1)
La définition de ':right' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Right-hand page pseudo-class (:right)Chrome Support complet 6Edge Support complet 12Firefox Aucun support NonIE Support complet 8Opera Aucun support 9.2 — 15Safari Support complet 5.1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Aucun support NonOpera Android Aucun support 10.1 — 14Safari iOS Support complet 6Samsung Internet Android Support complet 1.0

Légende

Support complet  
Support complet
Aucun support  
Aucun support

Voir aussi