{ image-orientation 【 イメージ・オリエンテーション 】 : 回転角度; }

image-orientationプロパティは、画像の回転角度を指定します。レイアウト前に回転されるので、画像の領域となる幅や高さは回転後の状態が基準になります。

初期値	0deg
継承	あり
適用される要素	すべての要素
モジュール	Image Values and Replaced Content Module Level 3

値の指定方法

回転角度

任意の数値＋単位	回転角度を単位付きの数値で指定します。指定した値は、90度、180度、270度、360度の単位で四捨五入されて適用されます。

CSSにおける単位付きの数値の指定方法

サンプルコード

img.layout{
  background-color: #dcdcdc;
  image-orientation: 45deg;
}

Firefox