image-orientation
The image-orientation property specifies the orientation of an image.
Formal Syntax
from-image | none | [ <angle> || flip ]
JavaScript Access
// Access via element.style
element.style.imageOrientation = 'from-image';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| image-orientation | 81 | 26 | 13.1 | 81 |
| from-image | 81 | 26 | 13.1 | 81 |
| none | 81 | 26 | 13.1 | 81 |
Related Properties
- backdrop-filter
- background-blend-mode
- box-shadow
- clip-path
- clip-rule
- color-interpolation
- color-interpolation-filters
- color-scheme
- filter
- flood-color
- flood-opacity
- forced-color-adjust
- image-rendering
- isolation
- lighting-color
- mask
- mask-border
- mask-border-outset
- mask-border-repeat
- mask-border-slice
- mask-border-source
- mask-border-width
- mask-clip
- mask-composite
- mask-image
- mask-mode
- mask-origin
- mask-position
- mask-repeat
- mask-size
- mask-type
- mix-blend-mode
- object-fit
- object-position
- opacity
- paint-order
- print-color-adjust
- shape-image-threshold
- shape-margin
- shape-outside
- stop-color
- stop-opacity
- text-shadow
- object-view-box ๐งช
- box-shadow-blur ๐ง
- box-shadow-color ๐ง
- box-shadow-offset ๐ง
- box-shadow-position ๐ง
- box-shadow-spread ๐ง
- image-resolution ๐ง
- mask-border-mode ๐ง
- shape-inside ๐ง
- shape-padding ๐ง
- shape-subtract ๐ง
- clip ๐๏ธ
- color-adjust ๐๏ธ