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 AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome ? Edge Support complet OuiFirefox Aucun support NonIE Support complet 8Opera Support complet 9.2Safari ? WebView Android ? Chrome Android ? Edge Mobile Support complet OuiFirefox Android Aucun support NonOpera Android ? Safari iOS ? Samsung Internet Android ?

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, FredB, teoli, tregagnon, Manu1400
Dernière mise à jour par : SphinxKnight,