CSS image-orientation Property

  2. CSS Properties
  3. image-orientation

Description

The image-orientation property provides a way to specify a rotation to be applied to an image. This facility is not intended to specify other image transformations such as flipping the image in the horizontal or vertical direction.

Initial value
0deg
Applies to
All elements
Inherited
Yes
Media
Visual
Computed value
Specified value, rounded and normalized
Animatable
No
CSS Version
CSS3
JavaScript syntax
object.style.imageOrientation

Syntax

image-orientation: <angle>

Values

  • <angle>

Example

.class {
   image-orientation: 90deg; 
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
X8181266713.1
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
818126X13.413.0

Last updated by CSSPortal on:

  • Sponsors
    • Turn Website into App - Convert your website into an app for Android and iOS. Updates automatically. Unicode Characters & Emojis - Search all Unicode characters and emojis plus other tools. Learn Wordpress - Wordpress hosting. Theme and plugin reviews. Wordpress development tips. Templatic - Wordpress Themes, Cloud Hosting, Backups and Webmaster Tips. A2 Web Hosting - Shared hosting, Reseller hosting, Cloud hosting, Dedicated hosting. Online Password Manager - Access your passwords from any computer, no need to remember all of your passwords. Advertise Here - Advertise your company and products here!