diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/web/css/_colon_-moz-locale-dir(ltr) | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/ja/web/css/_colon_-moz-locale-dir(ltr)')
-rw-r--r-- | files/ja/web/css/_colon_-moz-locale-dir(ltr)/index.html | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/files/ja/web/css/_colon_-moz-locale-dir(ltr)/index.html b/files/ja/web/css/_colon_-moz-locale-dir(ltr)/index.html new file mode 100644 index 0000000000..49543bf307 --- /dev/null +++ b/files/ja/web/css/_colon_-moz-locale-dir(ltr)/index.html @@ -0,0 +1,47 @@ +--- +title: ':-moz-locale-dir(ltr)' +slug: 'Web/CSS/:-moz-locale-dir(ltr)' +tags: + - CSS + - Mozilla 拡張 + - Non-standard + - Reference + - ローカライズ + - 疑似クラス +translation_of: 'Web/CSS/:-moz-locale-dir(ltr)' +--- +<div>{{CSSRef}}{{Non-standard_header}}{{gecko_minversion_header("1.9.2")}}</div> + +<p> <a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>:-moz-locale-dir(ltr)</code></strong> <a href="/ja/docs/Web/CSS/pseudo-classes">疑似クラス</a>は <a href="/ja/docs/Web/CSS/Mozilla_Extensions">Mozilla 拡張</a>であり、ユーザーインターフェイスが左から右へ向けて表示される要素に一致します。これは設定の <code>intl.uidirection.<em>locale</em></code> (<code><em>locale</em></code> は現在のロケール) が "ltr" に設定されていることで特定されます。</p> + +<div class="blockIndicator note"> +<p><strong>メモ:</strong> 擬似クラスは、主に拡張機能及びテーマをユーザーのロケールに基づいて適合させるために使用されます。 (これは、ウィンドウとウィンドウ、またタブとタブの間でも変えることができます。) また、拡張機能がユーザーの既定のロケールに対応しなくても動作させることができるため、ロケールの仕様を気にしなくても、左から右方向、右から左方向の両方のレイアウトに対応できます。</p> +</div> + +<div class="blockIndicator warning"> +<p>このセレクターは HTML では正しく機能しません。ユーザーインターフェイスのロケールが右方向か左方向かに関わらず、常に一致します。</p> +</div> + +<h2 id="Example" name="Example">例</h2> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><p>If you're using a left-to-right interface, this should be red.</p> +</pre> + +<h3 id="CSS">CSS</h3> + +<pre class="brush: css">p:-moz-locale-dir(ltr) { + color: red; +}</pre> + +<h3 id="Result" name="Result">結果</h3> + +<p>{{EmbedLiveSample("Example")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{CSSxRef(":dir", ":dir(…)")}}</li> + <li>{{CSSxRef(":-moz-locale-dir(rtl)")}}</li> +</ul> |