CSS :out-of-range 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル

: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);
    }

    /* 入力範囲が設定されていて、値がその範囲外である <input> 要素をすべて選択 */

構文

:out-of-range { css : properties ; }
 疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }
CSS バージョンCSS 3

サポートするデスクトップ ブラウザ対応・互換性

PropertyDesktop 互換性
:out-of-rangeChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯10フルサポート◯ありフルサポート◯29サポートなしフルサポート◯11フルサポート◯あり

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
:out-of-rangeAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポート◯2.3 不明フルサポート◯ありフルサポート◯16フルサポート◯ありフルサポート◯あり 不明
:out-of-range 疑似クラス 関連記事
CSS :out-of-range 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS :out-of-range 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS