Ombre de texte CSS

Ombre de texte

text-shadow L'attribut ajoute une ombre au texte.

La manière la plus simple est de ne spécifier que l'ombre horizontale (2px) et l'ombre verticale (2px) :

Effet d'ombre de texte !

Exemple

h1 {
  text-shadow: 2px 2px;
}

Essayez-le vous-même

Ensuite, ajoutez une couleur à l'ombre (rouge) :

Effet d'ombre de texte !

Exemple

h1 {
  text-shadow: 2px 2px red;
}

Essayez-le vous-même

Ensuite, ajoutez un effet flou à l'ombre (5px) :

Effet d'ombre de texte !

Exemple

h1 {
  text-shadow: 2px 2px 5px red;
}

Essayez-le vous-même

Conseil :Veuillez visiter Police CSS Un chapitre, pour apprendre à changer la police, la taille du texte et le style du texte.

Conseil :Veuillez visiter Effets de texte CSS Un chapitre, pour apprendre à réaliser différents effets de texte.

Toutes les propriétés de texte CSS

Propriété Description
color Définit la couleur du texte.
direction Détermine la direction / la direction d'écriture du texte.
letter-spacing Définit l'intervalle entre les caractères.
line-height Définit la hauteur des lignes.
text-align Détermine l'alignement horizontal du texte.
text-decoration Détermine l'effet décoratif ajouté au texte.
text-indent Détermine l'indentation de la première ligne d'un bloc de texte.
text-shadow Détermine l'effet d'ombre ajouté au texte.
text-transform Contrôle la casse du texte.
text-overflow Détermine comment indiquer à l'utilisateur le contenu en surbrillance qui n'est pas visible.
unicode-bidi Utilisé avec la propriété direction, il permet de définir ou de retourner si le texte doit être redéfini pour soutenir plusieurs langues dans le même document.
vertical-align Détermine la manière dont le texte est aligné verticalement.
white-space Détermine comment traiter les espaces blancs à l'intérieur des éléments.
word-spacing Régler l'espacement des mots.