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

Où les 4 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
• Couleur de l’ombre

Il est possible d’ajouter des ombres multiples en les séparant par une virgule. Les ombres s’appliquent alors de haut en bas.

Cette propriété s’utilise de manière non-préfixée et est compatible dans IE10,Firefox 3.5, Chrome 4, Safari 4, Opéra 9.5 et sur *tous* les mobiles récents.

Note : il n’existe pas de mot-clé inset pour créer une ombre interne sur du texte. Pour réaliser cet effet, vous pouvez utilisez les filtres SVG, lisez Ombre interne sur du texte !