Clause de non-responsabilité: Cet article a été généré par traduction automatique.

Comment ajouter des ombres à une image dans Markdown ?

Prev Next

Plans prenant en charge la personnalisation des images dans l’éditeur Markdown

Plans supporting this feature: Professional Business Enterprise


Markdown ne dispose pas d’un moyen intégré d’ajouter des ombres aux images, mais vous pouvez utiliser des balises HTML dans Markdown pour obtenir cet effet.

Solution de contournement

Exemple de code

<img src="image.jpg" alt="Alt text" style="box-shadow:3px 3px 3px gray;">

Remplacez le par l’URL image.jpg de votre image et ajoutez le texte alternatif pour votre image à la place de « votre-image-description ».

Dans cet exemple, nous utilisons la box-shadow propriété CSS pour ajouter un effet d’ombre à l’image. La box-shadow propriété prend trois valeurs : le décalage horizontal, le décalage vertical et le rayon de flou de l’ombre.

Dans l’exemple de code ci-dessus, nous utilisons un

  • Décalage horizontal et vertical de 3 pixels

  • Rayon de flou de 3 pixels

  • La couleur de l’ombre est définie sur gris

NOTE

Vous pouvez également modifier la couleur de l’ombre. Remplacez simplement « gris » par le nom de la couleur de votre choix.

Le gris a été utilisé dans l’exemple car c’est la couleur d’ombre la plus couramment utilisée.

Résultat

Sans ombre

1_Screenshot-without_shadow_Featured_image-Health_check_metrics.png

Avec ombre

Alt text