CSS3 image-orientation

- CR(勧告候補)

画像の意図した方向を修正するために一般的に使用されるCSSプロパティです。これは、90度単位で、または "from-image" 値を使用して画像のEXIFデータに基づいて行うことができます。

Chrome

  1. 4 - 80: サポートされていません
  2. 81 - 88: サポートされています
  3. 89 - 123: サポートされています
  4. 124: サポートされています
  5. 125 - 127: サポートされています

Edge

  1. 12 - 80: サポートされていません
  2. 81 - 88: サポートされています
  3. 89 - 123: サポートされています
  4. 124: サポートされています

Safari

  1. 3.1 - 13: サポートされていません
  2. 13.1 - 17.3: サポートされています
  3. 17.4: サポートされています
  4. 17.5 - TP: サポートされています

Firefox

  1. 2 - 25: サポートされていません
  2. 26 - 124: サポートされています
  3. 125: サポートされています
  4. 126 - 128: サポートされています

Opera

  1. 9 - 67: サポートされていません
  2. 68 - 76: サポートされています
  3. 77 - 108: サポートされています
  4. 109: サポートされています

IE

  1. 5.5 - 10: サポートされていません
  2. 11: サポートされていません

Android版Chrome

  1. 124: サポートされています

iOS版Safari

  1. 3.2 - 13.7: 部分的にサポートされています
  2. 14 - 17.3: サポートされています
  3. 17.4: サポートされています
  4. 17.5: サポートされています

Samsung Internet

  1. 4 - 12.0: サポートされていません
  2. 13.0 - 14.0: サポートされています
  3. 15.0 - 23: サポートされています
  4. 24: サポートされています

Opera Mini

  1. すべて: サポートされていません

Opera Mobile

  1. 10 - 12.1: サポートされていません
  2. 80: サポートされています

Android版UC Browser

  1. 15.5: サポートされています

Androidブラウザ

  1. 2.1 - 4.4.4: サポートされていません
  2. 124: サポートされています

Android版Firefox

  1. 125: サポートされています

QQ Browser

  1. 14.9: サポートされていません

Baidu Browser

  1. 13.52: サポートされています

KaiOS Browser

  1. 2.5: サポートされています
  2. 3: サポートされています

Chromeで画像を新しいタブで開くと、EXIFデータに従った方向で画像が表示されます。

リソース
ブログ記事
Chromium bug #158753: CSS image-orientation CSSプロパティのサポート
MDN Web Docs - CSS image-orientation
デモ(中国語)