Propriété text-stroke-color

La propriété text-stroke-color définit la couleur du contour des caractères de texte ou de son contour.

Syntaxe

csssélecteur {
  text-stroke-color: couleur;
}

Exemple

Appliquons un contour orange aux caractères de notre texte :

html<p>
  Text
</p>
cssbody {
  width: 200px;
  height: 100px;
}
p {
  -webkit-text-stroke-color: orange;
  text-stroke-color: orange;
  -webkit-text-stroke-width: 1px;
  color: white;
  padding: 10px;
  font-size: 30px;
  font-weight: bold;
  font-family: Arial;
}

Результат:

Voir aussi

  • la propriété text-fill-color,
    qui définit la couleur de remplissage des caractères de texte
  • la propriété text-stroke,
    qui définit le contour du texte
  • la propriété text-stroke-width,
    qui définit l'épaisseur du contour du texte