-webkit-tap-highlight-color CSS propriété

Définition de la CSS -webkit-tap-highlight-color.

La propriété CSS -webkit-tap-highlight-color permet de spécifier la couleur de surbrillance lorsque l'utilisateur appuie sur un lien ou d'un élément cliquable JavaScript dans Safari sur iOS.

Exemple de syntaxe CSS -webkit-tap-highlight-color :
-webkit-tap-highlight-color: palegoldenrod; 
-webkit-tap-highlight-color: #EEE8AA;
-webkit-tap-highlight-color: rgb(238,232,170);
-webkit-tap-highlight-color: rgba(238,232,170,0.5);
-webkit-tap-highlight-color: hsl(55,67%,80%);

La propriété CSS -webkit-tap-highlight-color peut prendre une valeur :

  • #RGB : couleur hexadécimale, ex:#EEE8AA.
  • nommée : couleur prédéfinie, ex:palegoldenrod.
  • rgb(r,g,b) : couleur RGB. r, g et b sont compris entre 0 et 255, s'ils sont en pourcentage alors spécifier l'unité "%". Ex:rgb(238,232,170).
  • rgba(r,g,b,alpha) : couleur RGB avec transparence (CSS3). "alpha" est compris entre 0 et 1 pour opaque. Ex:rgba(238,232,170,0.2).
  • hsl(h,s%,l%) : couleur en HSL (CSS3), ex:hsl(55,67%,80%).
  • hsla(h,s%,l%,alpha) : couleur en HSL avec transparence (CSS3). "alpha" est compris entre 0 et 1 pour opaque. Ex:hsla(55,67%,80%,0.5).

Pour en savoir plus consultez les cours Css : Les formats de couleur.

Conditions d'application de la CSS -webkit-tap-highlight-color.

La propriété de feuille de style -webkit-tap-highlight-color CSS est applicable sur la balise HTML ou XHTML , ne pose aucun problème d'interprétation sur la balise A dans Safari sur iOS.

Problème d'interprétation de -webkit-tap-highlight-color en Css.

La propriété de feuille de style -webkit-tap-highlight-color css est reconnue que par Safari sur iOS 1.1.1+.

Règles de syntaxes CSS pour -webkit-tap-highlight-color.

Règle d'écriture de -webkit-tap-highlight-color

Si la couleur de la propriété CSS -webkit-tap-highlight-color n'a pas de valeur alpha, alors Safari sur iOS applique une valeur alpha par défaut à la couleur.
Pour désactiver la mise en surbrillance, définissez la valeur de l'alpha à 0 (invisible).
Si vous définissez la valeur de l'alpha à 1.0 (opaque), l'élément n'est pas visible lors de la saisie.

Compatibilités navigateurs de la propriété -webkit-tap-highlight-color

Votre avis sur la définition -webkit-tap-highlight-color en CSS

Votez pour la définition CSS -webkit-tap-highlight-color

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/webkit-tap-highlight-color-css.html Votes: 5 / 5 - 1 vote
Cliquez sur une étoile pour voter.