Maison  >  Article  >  interface Web  >  Quelle est la signification de box-shadow

Quelle est la signification de box-shadow

藏色散人
藏色散人original
2020-02-07 10:45:286264parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Comment utiliser le survol CSSArticle suivant:Comment utiliser le survol CSS