CSS :out-of-range Pseudo-classe

La pseudo-classe :out-of-range met en forme les éléments qui possèdent des limites de plage lorsque la valeur de l'élément se trouve en dehors de la plage spécifiée.

INFO

Le sélecteur :out-of-range ne fonctionne que pour les éléments <input> dotés des attributs min et/ou max.

Version

Selectors Level 4

Syntaxe

Exemple de syntaxe CSS :out-of-range

css

:out-of-range {
  css declarations;
}

Exemple du sélecteur :out-of-range :

Exemple de code CSS :out-of-range

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      input:out-of-range {
        border: 3px solid #8ebf42;
      }
    </style>
  </head>
  <body>
    <h2>:out-of-range selector example</h2>
    <form>
      <input type="number" min="1" max="12" value="15" />
    </form>
  </body>
</html>

Try it Yourself »

Practice

Quel est l'objectif du sélecteur pseudo-classe :out-of-range en CSS ?

Il est utilisé pour mettre en forme les formulaires HTML contenant des éléments d'entrée dont les valeurs se trouvent en dehors d'une plage spécifiée.Il est utilisé pour mettre en forme les formulaires HTML contenant des éléments d'entrée dont les valeurs se trouvent à l'intérieur d'une plage spécifiée.Il est utilisé pour faire disparaître des éléments d'une page web lorsqu'ils ne sont pas dans la zone d'affichage.Il est utilisé pour appliquer des effets ou des animations à un élément lors de l'interaction de l'utilisateur.Il est utilisé pour mettre en forme les contrôles de formulaire qui sont activés.

CSS :out-of-range Pseudo-classe ​

Version ​

Syntaxe ​

Exemple du sélecteur :out-of-range : ​

Practice ​

CSS :out-of-range Pseudo-classe

Version

Syntaxe

Exemple du sélecteur :out-of-range :

Practice