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

Quelle est la signification de box-shadow

藏色散人
Libérer: 2020-02-07 10:45:28
original
6494 Les gens l'ont consulté

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;
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal