La propiedad CSS describe cómo corregir la orientación predeterminada de una imagen
.image orientation
Sintaxis
Valores
from-image:
La información EXIF contenida en la imagen se utilizará para rotar la imagen adecuadamente.
<angle>
El <angle>
de rotación para aplicar a la imagen. Se redondea al más cercano 90deg( 0.25turn).
flip
La imagen se voltea horizontalmente, es decir, se refleja, después de la rotación dada por el
Sintaxis Formal
Descripción
La propiedad CSS describe cómo corregir la orientación predeterminada de una imagen .image-orientation
Nota:
- Esta propiedad no está destinada a realizar una rotación arbitraria en una imagen, sino a corregir una orientación errónea. Es por eso que se redondea al cuarto de vuelta más cercano.
- De manera similar, esta propiedad no está destinada a manejar el diseño -> cambio de retrato. Como image-orientationafecta solo a las imágenes, no funcionará: los cambios deben ocurrir en el nivel de diseño.
Valor inicial | 0deg |
---|---|
Se aplica a | todos los elementos |
Heredado | si |
Medios de comunicación | visual |
valor calculado | un [1] <angle> redondeado al próximo cuarto de vuelta 0deg y normalizado, que está modulando el valor por 1turn |
Animable | no |
Orden canónico | el único orden no ambiguo definido por la gramática formal |
[1]El <angulo> El tipo de datos CSS representa valores de ángulo. Los ángulos positivos representan ángulos rectos. Los ángulos negativos representan ángulos izquierdos. Su sintaxis es <number> tipo de datos seguido inmediatamente por la unidad (grado, grado, rad o giro). Al igual que para cualquier dimensión de CSS no hay espacio entre el literal de la unidad y el número.
Compatibilidad con el navegador
- Escritorio (desktop)
- Móvil (mobile)
Fuentes de consulta: https://reference.codeproject.com/css/image-orientation
Salu2 y bendiciones, Atte, Angel Paz | ![]() |