Propriétés: box-shadow

Une syntaxe très simple

La propriété box-shadow permet de créer des ombres sur un bloc. Cette propriété s’utilise de la façon suivante :

Où les 5 valeurs correspondent, dans l’ordre :

• Décalage de l’ombre vers la droite
• Décalage de l’ombre vers le bas
• Valeur du flou de l’ombre
• Valeur du rayon de l’ombre
• Couleur de l’ombre

Si une valeur est omise, la valeur par défaut est de 0px. Il existe également le mot-clé inset, qui permet de créer une ombre interne. Il est possible d’ajouter des ombres multiples en les séparant par une virgule

Au jour d’aujourd’hui (février 2011), cette règle doit encore être préfixée pour être utilisée dans les navigateurs. Ainsi vous devrez utiliser -webkit-, -moz- et -o-.