:left

La pseudo-classe :left, liée à la règle @page, permet de cibler les pages de gauche lors d'une impression. Ceci permet de mettre en forme spécifiquement les pages de gauche.

/* Sélectionne le contenu des pages gauches */
/* lors de l'impression */
@page :left {
  margin: 2in 3in;
}

La position de la page soit à gauche ou à droite dépend de la direction d'écriture globale du document. Par exemple, si la première page est selon la direction « gauche à droite » alors elle sera une page :right, si elle est définie de « droite à gauche » ce sera une page :left.

Note : Il n'est pas possible de changer toutes les propriétés CSS. Seules les propriétés margin, padding, border et background de la boîte correspondant à la page peuvent être modifiées. Toutes les autres propriétés CSS seront ignorées. Seule la boîte correspondant à la page pourra être affectée, le contenu du document ne pourra pas être modifié.

Syntaxe

:left

Exemples

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

Spécifications

Spécification État Commentaires
CSS Paged Media Module Level 3
La définition de ':left' dans cette spécification.
Version de travail Aucune modification.
CSS Level 2 (Revision 1)
La définition de ':left' 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
Left-hand page pseudo-class (:left)Chrome Support complet 6Edge Support complet 12Firefox Aucun support NonIE Support complet 8Opera Support complet 9.2Safari Support complet 5.1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Aucun support NonOpera Android Support complet 10.1Safari iOS Support complet 6Samsung Internet Android Support complet 1.0

Légende

Support complet  
Support complet
Aucun support  
Aucun support

Voir aussi