CSS3

：

疑似クラス

：

:out-of-range

　編集：2022.07.13 by T.A.

[Edge]○。→●、mdn

値が範囲外なら。

E:out-of-range

`E`	該当させる要素。

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

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

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

以下のCSSが組み込んであります：

<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>

テスト

別画面に表示させて。

ここに表示

¶[Edge]○？

ここに表示

スクリプト：

スクリプト：

表示内容：