Le descripteur orientation, rattaché à la règle @ @viewport, permet de définir l'orientation d'un document.

/* Valeurs avec un mot-clé */
orientation: auto;
orientation: portrait;
orientation: landscape;

Pour les agents utilisateurs et/ou les appareils pour lesquels l'orientation est modifiée en orientant l'appareil, l'auteur pourra utiliser ce descripteur afin d'inhiber le changement d'orientation lié à la stimulation physique.

En lien avec les règles @@viewport
Valeur initialeauto
Pourcentagesse rapporte à la taille de la boîte de l'élément
Médiapour chaque propriété individuelle de la propriété raccourcie :
  • visual: Valeur introuvable dans la base de données
  • continuous: Valeur introuvable dans la base de données
Valeur calculéecomme spécifié
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

Valeurs

auto
L'agent utilisateur déterminera l'orientation du document automatiquement. Généralement, il utilisera l'accéléromètre de l'appareil (si ce dernier en possède un) si le résultat de cette mesure n'est pas modifié par un réglage utilisateur (« bloquer la rotation de l'écran »).
portrait
Le document devrait être verrouillé en mode portrait.
landscape
Le document devrait être verrouillé en mode paysage.

Syntaxe formelle

auto | portrait | landscape

Spécifications

Spécification État Commentaires
CSS Device Adaptation
La définition de '"orientation" descriptor' dans cette spécification.
Version de travail Définition initiale.

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple Non ? Non10 -ms- Non ?
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple ? ? ? ?8 -o- ? Non

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,