CSS :dir()パseudoクラス

定義と使用方法

CSS :dir() パseudoクラスは、指定されたテキスト方向を持つどんな要素にもマッチングします。

  • :dir(rtl) 右から左にテキスト方向を持つ要素をマッチング
  • :dir(ltr) 左から右にテキスト方向を持つ要素をマッチング

ヒント：HTMLでは、テキストの方向は dir 属性指定

例

:dir()パseudoクラスの使用：

:dir(rtl) {
  background-color: lightgreen;
}

実際に試してみてください

CSS文法

:dir(ltr|rtl) {
  css宣言;
}

技術的詳細

バージョン： CSS Selectors Level 4

ブラウザのサポート

テーブルの数字は、そのパseudoクラスを完全にサポートする最初のブラウザのバージョンを指定しています。

Chrome Edge Firefox Safari Opera
120 120 49 16.4 106