このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

CSS :-moz-locale-dir(ltr) 擬似クラス

非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。

:-moz-locale-dir(ltr)CSS擬似クラスで、 Mozilla 拡張です。ユーザーインターフェイスが左から右へ向けて表示される要素に一致します。これは設定の intl.uidirection.localelocale は現在のロケール)が "ltr" に設定されていることで特定されます。

メモ: このセレクターは、主に拡張機能およびテーマをユーザーのロケールに基づいて適合させるために使用されます。 (これは、ウィンドウとウィンドウ、またタブとタブの間でも変えることができます。) また、拡張機能がユーザーのデフォルトのロケールに対応しなくても動作させることができるため、ロケールの仕様を気にしなくても、左から右方向、右から左方向の両方のレイアウトに対応できます。

警告: このセレクターは HTML では正しく機能しません。ユーザーインターフェイスのロケールが右方向か左方向かに関わらず、常に一致します。

構文

css
:-moz-locale-dir(ltr) {
  /* ... */
}

この例は、Firefox を使用していない場合は動作しません。また、セレクターが HTML コンテンツで正しく動作しない問題があるため、Firefox でも動作しない場合があります。XUL で使用するために設計されています。

HTML

html
<p>左から右へのインターフェイスが使用されている場合、これは赤色になるはずです。</p>

CSS

css
p:-moz-locale-dir(ltr) {
  color: red;
}

結果

仕様書

どの標準にも含まれていません。

関連情報