:dir() CSS 擬似クラス

- WD (ワーキングドラフト)

要素の方向性に基づいて要素を照合します。 :dir(ltr) は左から右への要素に一致します。 :dir(rtl) は右から左への要素に一致します。

Chrome

  1. 4 - 90: サポートされていません
  2. 91 - 119: デフォルトで無効
  3. 120 - 123: サポートされています
  4. 124: サポートされています
  5. 125 - 127: サポートされています

Edge

  1. 12 - 104: サポートされていません
  2. 105 - 119: デフォルトで無効
  3. 120 - 123: サポートされています
  4. 124: サポートされています

Safari

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

Firefox

  1. 2 - 16: サポートされていません
  2. 17 - 48: サポートされています
  3. 49 - 124: サポートされています
  4. 125: サポートされています
  5. 126 - 128: サポートされています

Opera

  1. 9 - 90: サポートされていません
  2. 91 - 105: デフォルトで無効
  3. 106 - 108: サポートされています
  4. 109: サポートされています

IE (Internet Explorer)

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

Android版 Chrome

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

iOS版 Safari

  1. 3.2 - 16.3: サポートされていません
  2. 16.4 - 17.3: サポートされています
  3. 17.4: サポートされています
  4. 17.5: サポートされています

Samsung Internet

  1. 4 - 23: サポートされていません
  2. 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 issue #576815: CSS4 pseudo-class :dir()
WebKit bug #64861: :dir() 擬似クラスのサポートが必要
MDN Web Docs - CSS :dir
`:dir()` の HTML 仕様
JS Bin テストケース