From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/image-orientation/index.md | 149 ++++++++++++---------------- 1 file changed, 65 insertions(+), 84 deletions(-) (limited to 'files/fr/web/css/image-orientation') diff --git a/files/fr/web/css/image-orientation/index.md b/files/fr/web/css/image-orientation/index.md index 1e5b7e4b90..af3f7d39c3 100644 --- a/files/fr/web/css/image-orientation/index.md +++ b/files/fr/web/css/image-orientation/index.md @@ -8,16 +8,15 @@ tags: - Reference translation_of: Web/CSS/image-orientation --- -
{{CSSRef}}
+{{CSSRef}} -

La propriété image-orientation décrit la façon d'obtenir l'orientation correcte d'une image quelle que soit la disposition du document. Cette propriété ne doit pas être utilisée afin de tourner l'image pour d'autres cas, si besoin, on pourra utiliser la propriété {{cssxref("transform")}} avec la fonction rotate.

+La propriété **`image-orientation`** décrit la façon d'obtenir l'orientation correcte d'une image quelle que soit la disposition du document. Cette propriété ne doit pas être utilisée afin de tourner l'image pour d'autres cas, si besoin, on pourra utiliser la propriété {{cssxref("transform")}} avec la fonction `rotate`. -
-

Attention : Cette propriété sera vraisemblablement dépréciée prochainement. Les fonctionnalités associées deviendront des propriétés de l'élément {{HTMLElement("img")}} et/ou de l'élément {{HTMLElement("picture")}} (excepté peut-être from-image).

-
+> **Attention :** Cette propriété sera vraisemblablement dépréciée prochainement. Les fonctionnalités associées deviendront des propriétés de l'élément {{HTMLElement("img")}} et/ou de l'élément {{HTMLElement("picture")}} (excepté peut-être `from-image`). -
/* Valeurs d'angle */
-/* Type <angle>    */
+```css
+/* Valeurs d'angle */
+/* Type     */
 image-orientation: 0deg;
 image-orientation: 6.4deg;     /* Arrondie à 0deg */
 image-orientation: -90deg;     /* Équivalent à 270deg, la
@@ -37,98 +36,80 @@ image-orientation: 90deg flip; /* Rotation de 90deg, puis
 image-orientation: inherit;
 image-orientation: initial;
 image-orientation: unset;
-
+``` -

Syntaxe

+## Syntaxe -

Valeurs

+### Valeurs -
-
from-image
-
Les informations EXIF contenues dans l'image seront utilisées pour tourner l'image de façon appropriée.
-
<angle>
-
Une valeur de type {{cssxref("<angle>")}} qui indique la rotation à appliquer à l'image. Cette valeur est arrondie au quart de tour le plus proche.
-
flip
-
L'image est retournée horizontalement (comme une réflexion) après que la rotation d'angle indiqué par le premier paramètre ait été appliquée. Si aucun argument d'angle n'a été fourni, la valeur 0deg sera utilisée.
-
+- `from-image` + - : Les informations EXIF contenues dans l'image seront utilisées pour tourner l'image de façon appropriée. +- `` + - : Une valeur de type {{cssxref("<angle>")}} qui indique la rotation à appliquer à l'image. Cette valeur est arrondie au quart de tour le plus proche. +- `flip` + - : L'image est retournée horizontalement (comme une réflexion) après que la rotation d'angle indiqué par le premier paramètre ait été appliquée. Si aucun argument d'angle n'a été fourni, la valeur `0deg` sera utilisée. -

Syntaxe formelle

+### Syntaxe formelle {{csssyntax}} -

Notes d'utilisation

+## Notes d'utilisation -

Cette propriété n'est pas conçue pour appliquer une rotation arbitraire sur une image. Elle permet uniquement de corriger un orientation erronée. C'est pour cette raison que la valeur est arrondie au quart de tour le plus proche.

+Cette propriété n'est pas conçue pour appliquer une rotation arbitraire sur une image. Elle permet uniquement de corriger un orientation erronée. C'est pour cette raison que la valeur est arrondie au quart de tour le plus proche. -

De la même façon, cette propriété n'est pas conçue pour gérer le passage de paysage en portrait. image-orientation ne modifie que les images, il faudrait apporter les modifications au niveau de la disposition.

+De la même façon, cette propriété n'est pas conçue pour gérer le passage de paysage en portrait. `image-orientation` ne modifie que les images, il faudrait apporter les modifications au niveau de la disposition. -

Exemples

+## Exemples -

CSS

+### CSS -
#image {
+```css
+#image {
   /* Peut-être modifiée dans l'exemple */
   image-orientation: flip;
 }
-
- - - - - -

Résultat

- -

{{EmbedLiveSample("Exemples", "100%", 240)}}

- -

Spécifications

- - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS4 Images', '#image-orientation', 'image-orientation')}}{{Spec2('CSS4 Images')}}Ajout des mots-clés from-image et flip.
{{SpecName('CSS3 Images', '#image-orientation', 'image-orientation')}}{{Spec2('CSS3 Images')}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

{{Compat("css.properties.image-orientation")}}

- -

Voir aussi

- - +``` + +### Résultat + +{{EmbedLiveSample("Exemples", "100%", 240)}} + +## Spécifications + +| Spécification | État | Commentaires | +| -------------------------------------------------------------------------------------------- | -------------------------------- | ------------------------------------------- | +| {{SpecName('CSS4 Images', '#image-orientation', 'image-orientation')}} | {{Spec2('CSS4 Images')}} | Ajout des mots-clés `from-image` et `flip`. | +| {{SpecName('CSS3 Images', '#image-orientation', 'image-orientation')}} | {{Spec2('CSS3 Images')}} | Définition initiale. | + +{{cssinfo}} + +## Compatibilité des navigateurs + +{{Compat("css.properties.image-orientation")}} + +## Voir aussi + +- {{cssxref("object-fit")}} +- {{cssxref("object-position")}} +- {{cssxref("image-orientation")}} +- {{cssxref("image-rendering")}} +- {{cssxref("image-resolution")}} +- {{cssxref("transform")}} +- {{cssxref("rotate")}} -- cgit v1.2.3-54-g00ecf