Exemple
Ajouter une boîte ombre à un élément div:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue"; Essayez vous - même » Définition et utilisation
Les ensembles de propriétés boxShadow ou retourne l'ombre d'abandon d'un élément de boîte.
Support du navigateur
La propriété boxShadow est pris en charge dans IE9 +, Firefox, Chrome, Opera et Safari 5.1.1.
Syntaxe
Retour la propriété boxShadow:
object .style.boxShadowDéfinissez la propriété boxShadow:
object .style.boxShadow="none| Note: La propriété boxShadow attache une ou plusieurs ombres portées à la boîte. La propriété est une liste des ombres séparées par des virgules, chaque spécifié par 2-4 valeurs de longueur, une couleur optionnelle, et un mot-clé intercalaire facultatif. les longueurs sont omises 0.
Valeurs de propriété
Valeur La description none Valeur par défaut. Aucune ombre s'affiche h-shadow Champs obligatoires. La position de l'ombre horizontale. Les valeurs négatives sont autorisées v-shadow Champs obligatoires. La position de l'ombre verticale. Les valeurs négatives sont autorisées blur Optionnel. La distance de flou spread Optionnel. La taille de l'ombre color Optionnel. La couleur de l'ombre. La valeur par défaut est noir. Regardez des valeurs de couleur CSS pour obtenir une liste complète des valeurs de couleurs possibles.
Remarque: Dans Safari (on PC) le paramètre de couleur est nécessaire. Si vous ne spécifiez pas la couleur, l'ombre n'apparaît pas du tout. inset Optionnel. Change l'ombre d'une ombre extérieure (outset) à une ombre intérieure initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront
Détails techniques
Valeur par défaut: aucun Valeur de retour: Une chaîne, ce qui représente la propriété box-shadow d'un élément version CSS CSS3
Pages associées
Référence CSS: la box-shadow property
<Style objet