Maison > Article > interface Web > Quelle est la signification de box-shadow
Quelle est la signification de box-shadow ?
Définition et utilisation de la propriété CSS3 box-shadow
La propriété box-shadow ajoute une ou plusieurs ombres à une boîte.
Conseil : Veuillez utiliser les propriétés border-image-* pour créer de magnifiques boutons évolutifs !
Par défaut : aucun
Héritage : non
Version : CSS3
Syntaxe JavaScript : object.style.boxShadow="10px 10px 5px #888888 "
Syntaxe
box-shadow: h-shadow v-shadow blur spread color inset;
Remarques : box-shadow ajoute une ou plusieurs ombres à une boîte. Cette propriété est une liste d'ombres séparées par des virgules, chacune spécifiée par 2 à 4 valeurs de longueur, une valeur de couleur facultative et le mot clé inset facultatif. La valeur de la longueur omise est 0.
Valeur et description :
h-shadow Obligatoire. La position de l'ombre horizontale. Les valeurs négatives sont autorisées.
v-shadow requis. La position de l'ombre verticale. Les valeurs négatives sont autorisées.
flou Facultatif. Distance floue.
à tartiner Facultatif. La taille de l'ombre.
couleur en option. La couleur de l'ombre. Voir les valeurs de couleur CSS.
l’encart est facultatif. Remplacez l'ombre extérieure (début) par l'ombre intérieure.
Recommandé : "Tutoriel CSS3"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!