E:lang(fr)

言語 fr で記述された E 要素に対してスタイルが適用されます。

example

p:lang(en) { font-size: 20pt; font-family: Arial, sans-serif; color: hotpink;  }
:lang(en-US) > q { font-size: 20pt; font-family: "Times New Roman", Serif; color: deepskyblue; }

source

<p lang="en"> I Love You. </p>
<p lang="en-US"><q> I Love You. </q></p>

display

I Love You.

I Love You.

※ 「fr」「en」「en-US」は言語コードです。

:lang(en) と [lang|=en] の違い

source

<body lang=en>
 <p> I Love You. </p>
</body>

上記の例において、body と p はどちらの要素も英語で書かれていますから、:lang(en) は body と p にマッチします。 ですが、[lang|=en] は、 body のみにマッチします。p にはlang属性が指定されていませんから、[lang|=en] は p にはマッチしません。

※ HTML5からは、属性値に空白や「<」「>」「'」「"」「`」「=」が含まれていなければ、属性値の引用符を省略できるようになりました。

言語コード

言語コードは、webページが何の言語で書かれているかを表すコードです。 次は、lang属性などに指定できる言語コードの一部です。ISO 639 などによって定義されています。

ja日本語frフランス語
deドイツ語itイタリア語
nlオランダ語esスペイン語
ptポルトガル語arアラビア語
ruロシア語laラテン語
ko韓国語zh中国語
en英語en-USアメリカ英語

※ E の斜体は仮の名前です。

上に戻る