CSS3：:in-range疑似クラス

:in-range 疑似クラスが適用されるのは、範囲に制限がある要素に限られる。要素に束縛されている値が、文書言語が定義する範囲の範囲内にあるならば、要素は :in-range に合致する。データ範囲が制限されない要素や、フォームコントロールでない要素は、:in-range の対象にならない。

`E`	該当させる要素。

例えば、次のような要素は、:out-of-range になる：

1 ～ 10 の値のみを表現するスライダコントロールとして呈示されている slider 要素の値が 11 であるとき。
選択肢 "A"、"B"、"C" のみが在る、ポップアップメニューとして呈示されている menu 要素の値が "E" であるとき。

<PROGRESS id=IdProgress class=Test max=100></PROGRESS><BR>
<BUTTON onclick="IdProgress.value=50">50</BUTTON>
<BUTTON onclick="IdProgress.value=120">120</BUTTON>
<BR>

<INPUT id=IdInput class=Test type=range max=10><BR>
<BUTTON onclick="IdInput.value=5">5</BUTTON>
<BUTTON onclick="IdInput.value=12">12</BUTTON>
<BR>

<INPUT id=IdInput2 class=Test type=number max=10><BR>
<BUTTON onclick="IdInput2.value=5">5</BUTTON>
<BUTTON onclick="IdInput2.value=12">12</BUTTON>
<BR>

スクリプト：

スクリプト：

CSS3

疑似クラス

:in-range

テスト