image-orientation

par 2 contributeurs :

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Résumé

La propriété CSS image-orientation décrit comment corriger l'orientation par défaut d'une image.

Note :
  • Cette propriété n'est pas prévue pour réaliser des rotations arbitraires d'une image, mais pour corriger une orientation erronée. C'est pour cela qu'elle est arrondie au quart de tour le plus proche.
  • De manière similaire, cette propriété n'est pas prévue pour gérer l'affichage portrait de la mise en page. Puisque image-orientation affecte seulement les images, cela ne fonctionnera pas : ces modifications doivent être faites au niveau de la mise en page.
  • Dans la future spécification CSS Image Values and Replaced Content Module Level 4, il est prévu d'ajouter une nouvelle valeur, probablement from-image, pour ordonner à CSS de prendre en compte les données EXIF (ce qui n'est pas possible actuellement).

  • Valeur initiale 0deg
  • S'applique à tous les éléments
  • Héritée oui
  • Pourcentages
  • Média visual
  • Valeur calculée an <angle>, rounded to the next quarter turn from 0deg and normalized, that is moduloing the value by 1turn
  • Animable non
  • Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

Syntaxe formelle : <angle>
image-orientation: 0deg
image-orientation: 6.4deg   /* Arrondi à 0deg */
image-orientation: -90deg   /* Équivalent à 270deg, sa valeur calculée normalisée */

Valeurs

<angle>
La rotation d'angle de valeur <angle> à appliquer à l'image. Elle est arrondie au plus proche multiple de 90deg (0.25tour)

Exemples

 

Spécifications

Spécification Statut Commentaire
CSS Image Values and Replaced Content Module Level 3 Candidate Recommendation Spécification initiale

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support de base Pas de support Pas de support Pas de support Pas de support Pas de support
Fonction Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support de base Pas de support Pas de support Pas de support Pas de support Pas de support

Voir également

Étiquettes et contributeurs liés au document

Contributeurs à cette page : teoli, FredB
Dernière mise à jour par : teoli,
Masquer la barre latérale