image-orientation

Controls whether an image is automatically rotated based on its 'EXIF' metadata (data captured by cameras about how the photo was taken).

Quick example

img {
  /* Ensures the image is correctly oriented based on camera data */
  image-orientation: from-image;
}

Quick facts

Initial value
from-image
Inherited
Yes
Applies to
all elements
Animation type
discrete

Values

from-imageflip

image-orientation Browser Support

Widely available Since 2020 95% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.

Safe to use without fallbacks.

81+
26+
13.1+
81+
ESC