-webkit-box-shadow CSS propriété

Définition de la CSS -webkit-box-shadow.

La propriété d'ombre CSS -webkit-box-shadow permet d'ajouter un effet d'ombre portée Css à un élément HTML.

.ciblage-ombre{
  -webkit-box-shadow : 5px 10px 0.5em red;
}

La propriété de feuille de style -webkit-box-shadow CSS accepte comme valeur (dans l'ordre) :

• offset-x : valeur numérique obligatoire qui spécifie la distance horizontale de l'ombre Css, si elle est négative l'ombre Css est placée à gauche.
• offset-y : valeur numérique obligatoire qui spécifie la distance verticale de l'ombre Css. Si elle est négative l'ombre Css est placée au dessus.
• blur-radius : valeur optionnelle numérique positive suivie de px ou % ou pt ou em, correspond à la largeur de l'estompage (flou) de l'ombre Css. Pour la valeur 0 l'ombre Css est nette.
• color : valeur optionnelle de type format de couleurs. Si omise la couleur sélectionnée de l'ombre Css dépendra du navigateur.

Exemple de code -webkit-box-shadow CSS

Conditions d'application de la CSS -webkit-box-shadow.

La propriété d'ombre CSS -webkit-box-shadow est applicable sur l'ensemble des balises HTML ou XHTML.

Problème d'interprétation de -webkit-box-shadow en Css.

La propriété CSS -webkit-box-shadow est reconnue par Safari 3+.