aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/css/_colon_lang
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-14 12:18:12 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-14 12:18:12 -0500
commit869dd2069c695ee7040cd3261713212155819f42 (patch)
tree320a95de75a89686a9df006b90d923aa7fa0d551 /files/ja/web/css/_colon_lang
parenta5fcfafb665e96cae5d04dfba927db8dcdfd7f14 (diff)
downloadtranslated-content-869dd2069c695ee7040cd3261713212155819f42.tar.gz
translated-content-869dd2069c695ee7040cd3261713212155819f42.tar.bz2
translated-content-869dd2069c695ee7040cd3261713212155819f42.zip
final dump 2020-12-14
Diffstat (limited to 'files/ja/web/css/_colon_lang')
-rw-r--r--files/ja/web/css/_colon_lang/index.html43
1 files changed, 22 insertions, 21 deletions
diff --git a/files/ja/web/css/_colon_lang/index.html b/files/ja/web/css/_colon_lang/index.html
index 85c6321ad1..ea0bb496a5 100644
--- a/files/ja/web/css/_colon_lang/index.html
+++ b/files/ja/web/css/_colon_lang/index.html
@@ -3,60 +3,60 @@ title: ':lang'
slug: 'Web/CSS/:lang'
tags:
- CSS
- - ウェブ
- - セレクター
- - リファレンス
- - レイアウト
- - 疑似クラス
+ - Layout
+ - Pseudo-class
+ - Reference
+ - Selector
+ - Web
translation_of: 'Web/CSS/:lang'
---
<div>{{CSSRef}}</div>
-<p><a href="/ja/docs/Web/CSS">CSS</a> の <strong><code>:lang()</code></strong> <a href="/ja/docs/Web/CSS/Pseudo-classes">疑似クラス</a> は、要素を定義された言語に基づいて選択します。</p>
+<p><strong><code>:lang()</code></strong> は<a href="/ja/docs/Web/CSS">CSS</a> の<a href="/ja/docs/Web/CSS/Pseudo-classes">擬似クラス</a>で、指定された言語に基づいて要素に一致させます。</p>
-<pre class="brush: css no-line-numbers">/* 英語 (en) の &lt;p&gt; をすべて選択 */
+<pre class="brush: css no-line-numbers notranslate">/* &lt;p&gt; のうち English (en) のものをすべて選択 */
p:lang(en) {
quotes: '\201C' '\201D' '\2018' '\2019';
}</pre>
<div class="note">
-<p><strong>メモ:</strong> HTML では、言語は {{htmlattrxref("lang")}} 属性と {{HTMLElement("meta")}} 要素、それに、可能であればプロトコルから得られる情報(HTTP ヘッダーなど)の組み合わせで決められます。他の文書型では、文書の言語を決定する他の方法があるかもしれません。</p>
+<p><strong>メモ:</strong> HTML では、言語は {{htmlattrxref("lang")}} 属性と {{HTMLElement("meta")}} 要素、それに、可能であればプロトコルから得られる情報 (HTTP ヘッダーなど) の組み合わせで決められます。他の文書型では、文書の言語を決定する他の方法があるかもしれません。</p>
</div>
<h2 id="Syntax" name="Syntax">構文</h2>
<h3 id="Formal_syntax" name="Formal_syntax">形式文法</h3>
-<pre class="syntaxbox">{{csssyntax}}</pre>
+<pre class="syntaxbox notranslate">{{csssyntax}}</pre>
<h3 id="Parameter" name="Parameter">引数</h3>
<dl>
<dt><code>&lt;language-code&gt;</code></dt>
- <dd>対象としたい言語を表す {{cssxref("&lt;string&gt;")}} です。利用可能な値は <a href="/ja/docs/Web/HTML">HTML</a> の仕様書で定義されています。</dd>
+ <dd>{{cssxref("&lt;string&gt;")}} で、ターゲットにしたい言語を表します。受付可能な値は <a href="/ja/docs/Web/HTML">HTML</a> 仕様書で定義されています。</dd>
</dl>
<h2 id="Example" name="Example">例</h2>
-<p>この例では、 <a href="/en-US/docs/Web/CSS/Child_selectors">子結合子</a> を使用して引用要素 ({{htmlElement("q")}}) の親を選択するために <code>:lang()</code> 疑似クラスを使用しています。なお、この例はこの目的のための唯一の方法でも、文書型における最適な方法を示しているわけでもありません。また、 {{glossary("Unicode")}} の値は特殊な引用符を指定するために使用していることに注意してください。</p>
+<p>この例では、 <code>:lang()</code> 疑似クラスを使用して引用要素 ({{htmlElement("q")}}) の親を選択するために <a href="/ja/docs/Web/CSS/Child_selectors">子結合子</a> を使用しています。なお、この例はこの目的のための唯一の方法でも、文書型における最適な方法を示しているわけでもありません。また、 {{glossary("Unicode")}} の値は特殊な引用符を指定するために使用していることに注意してください。</p>
<h3 id="HTML">HTML</h3>
-<pre class="brush: html">&lt;div lang="en"&gt;&lt;q&gt;This English quote has a &lt;q&gt;nested&lt;/q&gt; quote inside.&lt;/q&gt;&lt;/div&gt;
+<pre class="brush: html notranslate">&lt;div lang="en"&gt;&lt;q&gt;This English quote has a &lt;q&gt;nested&lt;/q&gt; quote inside.&lt;/q&gt;&lt;/div&gt;
&lt;div lang="fr"&gt;&lt;q&gt;This French quote has a &lt;q&gt;nested&lt;/q&gt; quote inside.&lt;/q&gt;&lt;/div&gt;
&lt;div lang="de"&gt;&lt;q&gt;This German quote has a &lt;q&gt;nested&lt;/q&gt; quote inside.&lt;/q&gt;&lt;/div&gt;
</pre>
<h3 id="CSS">CSS</h3>
-<pre class="brush: css">:lang(en) &gt; q { quotes: '\201C' '\201D' '\2018' '\2019'; }
+<pre class="brush: css notranslate">:lang(en) &gt; q { quotes: '\201C' '\201D' '\2018' '\2019'; }
:lang(fr) &gt; q { quotes: '« ' ' »'; }
:lang(de) &gt; q { quotes: '»' '«' '\2039' '\203A'; }
</pre>
<h3 id="Result" name="Result">結果</h3>
-<p>{{EmbedLiveSample('Example', 350)}}</p>
+<p>{{EmbedLiveSample('Examples', 350)}}</p>
<h2 id="Specifications" name="Specifications">仕様書</h2>
@@ -64,8 +64,8 @@ p:lang(en) {
<thead>
<tr>
<th scope="col">仕様書</th>
- <th scope="col">策定状況</th>
- <th scope="col">コメント</th>
+ <th scope="col">状態</th>
+ <th scope="col">備考</th>
</tr>
</thead>
<tbody>
@@ -87,10 +87,10 @@ p:lang(en) {
</tbody>
</table>
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2>
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
<div>
-<div class="hidden">このページの互換性一覧表は構造化データから生成されます。データに協力したいのであれば、 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
<p>{{Compat("css.selectors.lang")}}</p>
</div>
@@ -98,7 +98,8 @@ p:lang(en) {
<h2 id="See_also" name="See_also">関連情報</h2>
<ul>
- <li>言語に関する疑似クラス: {{cssxref(":lang")}}, {{cssxref(":dir")}}</li>
- <li>HTML の {{htmlattrxref("lang")}} attribute</li>
- <li><a class="external" href="https://tools.ietf.org/html/bcp47">BCP 47 - 言語を識別するタグ</a></li>
+ <li>原語に関する擬似クラス: {{cssxref(":lang")}}, {{cssxref(":dir")}}</li>
+ <li>HTML の {{htmlattrxref("lang")}} 属性</li>
+ <li>HTML の {{htmlattrxref("translate")}} 属性</li>
+ <li><a class="external" href="https://tools.ietf.org/html/bcp47">BCP 47 - Tags for Identifying Languages</a></li>
</ul>