:out-of-range 疑似クラス CSS プロパティとは
トピック:指定された範囲外の値を持つすべての要素を選択する事ができる 最小および最大の属性を持つ要素など、範囲の制限がある要素に対してのみ機能する 現在の値が min および max 属性による制限範囲外である <input> 要素を表する
疑似クラス セレクター :out-of-range
使用上の注意:- この擬似クラスは、範囲の制限が設定されている(又は 、設定できる)要素にのみ 適用される 。 そのような制限がない場合、要素は
in-range又は、out-of-rangeのいずれにもなり得ません。
実例 コード 1
サンプル コードを試すinput:out-of-range {
border: 2px solid red;
}
CSSコード:例
input:out-of-range{
background-color:rgba(255, 0, 0, 0.25);
}
構文
:out-of-range { css : properties ; }
疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }
サポートするデスクトップ ブラウザ対応・互換性
| Property | Desktop 互換性 |
|---|
| :out-of-range | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本 サポート | フルサポート◯10 | フルサポート◯あり | フルサポート◯29 | サポートなし✖ | フルサポート◯11 | フルサポート◯あり |
|---|
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 |
|---|
| :out-of-range | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
|---|
| 基本 サポート | フルサポート◯2.3 | 不明 | フルサポート◯あり | フルサポート◯16 | フルサポート◯あり | フルサポート◯あり | 不明 |
|---|
::out-of-range 疑似クラス 関連記事
CSS :out-of-range 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef