Page-orientation - Propriété CSS

Schéma de la syntaxe de page-orientation.

Description de la propriété page-orientation.

Les impressions peuvent nécessiter de changer l'orientation des pages compte-tenu de ce qui est imprimé. Par exemple on peut opter pour une impression A4 verticale pour l'essentiel du document, mais passer à A4 horizontale pour imprimer un large tableau.

Gérer l'impression à travers des pages de largeur différente est une opération complexe. La propriété page-orientation facilite ce genre de traitement, en permettant les impressions sur des pages de taille unique mais d'orientation différente.

La propriété page-orientation s'utilise exclusivement avec la directive @page.

Ne confondez pas avec la propriété size qui permet d'indiquer si l'impression se fait en portrait ou en paysage, mais ne permet pas de dire si les pages doivent être tournées vers la droite ou vers la gauche.

A savoir aussi, concernant les pages imprimées.

Page-orientation est utilisable avec :

• @page : Cette directive est un sélecteur qui cible les pages imprimées.

Valeurs pour page-orientation.

• page-orientation: upright;

  Pas de changement dans l'orientation des pages.

• page-orientation: rotate-left;

  Après la mise en page, si le périphérique supporte la rotation, la page est tournée d'un quart de tour vers la gauche (dans le sens inverse aux aiguilles d'une montre).

• page-orientation: rotate-right;

  Après la mise en page, si le périphérique supporte la rotation, la page est tournée d'un quart de tour vers la droite (dans le sens des aiguilles d'une montre).

Exemples d'utilisation de la propriété page-orientation.

Ce document s'imprime avec la première page tournée vers la droite, et les autres pages tournées vers la gauche. Vous devrez afficher le document en aperçu avant impression pour le constater.

Exemple interactif avec la propriété page-orientation.

Pour visualiser l'effet du descripteur page-orientation vous devrez imprimer la page, ou au moins l'afficher aperçu avant impression.

Compatibilité des navigateurs avec page-orientation.

La propriété page-orientation est reconnue par les navigateurs actuel, à part Safari  , aussi bien sur PC que sur IOS.

1

Propriété
page-orientation

Estimation de la prise en charge globale.

78%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Opéra

Safari

Safari sur IOS

Samsung Internet

Chrome

Edge

Firefox

Androïd Brower

Firefox pour Androïd

Chrome pour Androïd

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.

Caniuse

Histoire de la propriété page-orientation.

• Module CSS - Media paginé - Niveau 3

  Introduction du descripteur page-orientation pour définir si les pages sont imprimées en orientation horizontale ou verticales.
  

  23 Juin 1999

  Document de travail.

  

  25 Février 2004

  Candidat à la recommandation.

  

  

Voir aussi, à propos des impressions.

Les impressions sont particulières parce qu'elles agissent sur un média paginée. Toutes les propriétés relatives à la directive @page sont regroupées dans le module de spécification CSS Paged Media Module.

Sélecteurs :

Propriétés :

Directives :