mozilla
Your Search Results

    :lang

    概要

    CSS の :lang 擬似クラス は、要素が関係していると判断された言語にマッチします。HTML では、言語は lang 属性と <meta> 要素、それに、可能であればプロトコルから得られる情報(例えば HTTP ヘッダー)の組み合わせで決められます。他の文書タイプでは、他の文書の言語決定方式があるかもしれません。

    利用可能な language-code 文字列は HTML 4.0 仕様書に記載されています。

    構文

    element:lang(language-code) { style properties }
    

    この例では lang セレクタを、子セレクタ で表した quote 要素の、親要素とマッチさせるために使っています。これ以外の方法もありますし、文書の種類によってはもっと良い方法があるかもしれません。Unicode 値を、特殊な引用符文字を表すのに使っています。

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

    ...この CSS を次の HTML で使うと...

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

    ... 次のような表示になります ...
    «This French quote has a «nested» quote.»
    »This German quote has a ‹nested› quote.«
    “This English quote has a ‘nested’ quote.”

    仕様

    仕様書 策定状況 コメント
    Selectors Level 4 草案 変更なし
    Selectors Level 3 勧告 重要な変更なし
    CSS Level 2 (Revision 1) 勧告 初回定義

    ブラウザ実装状況

    機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
    基本サポート 1.0 1.0 (1.7 or earlier) 8.0 8.0 3.1
    機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    基本サポート 1.0 1.0 (1) 8.0 8.0 3.1

    関連情報

    ドキュメントのタグと貢献者

    Contributors to this page:
    最終更新者: ethertank,
    サイドバーを隠す