From 869dd2069c695ee7040cd3261713212155819f42 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Mon, 14 Dec 2020 12:18:12 -0500 Subject: final dump 2020-12-14 --- files/ja/web/css/_colon_lang/index.html | 43 +++++++++++++++++---------------- 1 file changed, 22 insertions(+), 21 deletions(-) (limited to 'files/ja/web/css/_colon_lang') 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' ---
{{CSSRef}}
-

CSS の :lang() 疑似クラス は、要素を定義された言語に基づいて選択します。

+

:lang() はCSS の擬似クラスで、指定された言語に基づいて要素に一致させます。

-
/* 英語 (en) の <p> をすべて選択 */
+
/* <p> のうち English (en) のものをすべて選択 */
 p:lang(en) {
   quotes: '\201C' '\201D' '\2018' '\2019';
 }

 
 

-
メモ: HTML では、言語は {{htmlattrxref("lang")}} 属性と {{HTMLElement("meta")}} 要素、それに、可能であればプロトコルから得られる情報（HTTP ヘッダーなど）の組み合わせで決められます。他の文書型では、文書の言語を決定する他の方法があるかもしれません。

+
メモ: HTML では、言語は {{htmlattrxref("lang")}} 属性と {{HTMLElement("meta")}} 要素、それに、可能であればプロトコルから得られる情報 (HTTP ヘッダーなど) の組み合わせで決められます。他の文書型では、文書の言語を決定する他の方法があるかもしれません。

 

 
 
構文

 
 
形式文法

 
-
{{csssyntax}}

+
{{csssyntax}}

 
 
引数

 
 

  
<language-code>

- 
対象としたい言語を表す {{cssxref("<string>")}} です。利用可能な値は HTML の仕様書で定義されています。

+ 
{{cssxref("<string>")}} で、ターゲットにしたい言語を表します。受付可能な値は HTML 仕様書で定義されています。

 

 
 
例

 
-
この例では、 子結合子 を使用して引用要素 ({{htmlElement("q")}}) の親を選択するために :lang() 疑似クラスを使用しています。なお、この例はこの目的のための唯一の方法でも、文書型における最適な方法を示しているわけでもありません。また、 {{glossary("Unicode")}} の値は特殊な引用符を指定するために使用していることに注意してください。

+
この例では、 :lang() 疑似クラスを使用して引用要素 ({{htmlElement("q")}}) の親を選択するために 子結合子 を使用しています。なお、この例はこの目的のための唯一の方法でも、文書型における最適な方法を示しているわけでもありません。また、 {{glossary("Unicode")}} の値は特殊な引用符を指定するために使用していることに注意してください。

 
 
HTML

 
-
<div lang="en"><q>This English quote has a <q>nested</q> quote inside.</q></div>
+
<div lang="en"><q>This English quote has a <q>nested</q> quote inside.</q></div>
 <div lang="fr"><q>This French quote has a <q>nested</q> quote inside.</q></div>
 <div lang="de"><q>This German quote has a <q>nested</q> quote inside.</q></div>
 

 
 
CSS

 
-
:lang(en) > q { quotes: '\201C' '\201D' '\2018' '\2019'; }
+
:lang(en) > q { quotes: '\201C' '\201D' '\2018' '\2019'; }
 :lang(fr) > q { quotes: '« ' ' »'; }
 :lang(de) > q { quotes: '»' '«' '\2039' '\203A'; }
 

 
 
結果

 
-
{{EmbedLiveSample('Example', 350)}}

+
{{EmbedLiveSample('Examples', 350)}}

 
 
仕様書

 
@@ -64,8 +64,8 @@ p:lang(en) {
  
   
    仕様書
-   策定状況
-   コメント
+   状態
+   備考
   
  
  
@@ -87,10 +87,10 @@ p:lang(en) {
  
 
 
-
ブラウザー実装状況

+
ブラウザーの互換性

 
 

-
+
 
 
{{Compat("css.selectors.lang")}}

 

@@ -98,7 +98,8 @@ p:lang(en) {
 
関連情報

 
 
    
- 
  • 言語に関する疑似クラス: {{cssxref(":lang")}}, {{cssxref(":dir")}}
    • 
- 
  • HTML の {{htmlattrxref("lang")}} attribute
    • 
- 
  • BCP 47 - 言語を識別するタグ
    • 
+ 
  • 原語に関する擬似クラス: {{cssxref(":lang")}}, {{cssxref(":dir")}}
    • 
+ 
  • HTML の {{htmlattrxref("lang")}} 属性
    • 
+ 
  • HTML の {{htmlattrxref("translate")}} 属性
    • 
+ 
  • BCP 47 - Tags for Identifying Languages
    • 
 

-- 
cgit v1.2.3-54-g00ecf