CSS3 Pre-Reference



i 識別子

属性値の大文字小文字

試す

コード

p[class="example" i] {
    color: green;
}

サンプル

対応していれば、文字がすべて緑色で表示されます。

テスト1

テスト2

テスト3

テスト4

テスト5

テスト6

コメントする


対応ブラウザ

Firefox
まだ
Chrome/Safari
まだ
Opera
まだ
InternetExplorer
まだ

パラメータ

レベル 4
参考文献 Selectors Level 4#6.3. Case-sensitivity

解説

属性値の大文字小文字の区別を指定します。

p[class="example" i]

上記のコードは、属性値の大文字小文字を区別しないため、以下のすべてのコードにマッチします。

<p class="example">テスト1</p>
<p class="EXAMPLE">テスト2</p>
<p class="Example">テスト3</p>
<p class="ExaMPle">テスト4</p>
<p class="exAmplE">テスト5</p>
<p class="eXAmple">テスト6</p>

CSS4ではASCIIの範囲に限られているため、例えば(いわゆる)全角のAとaは対象外です(区別されます)。

トラックバック

投稿されたコメント