---
title: "Comment ajouter des ombres à une image dans Markdown"
slug: "how-to-add-shadows-to-an-image-in-markdown"
description: "Markdown doesn't have a built-in way to add shadows to images, but you can use HTML tags within Markdown to achieve this effect."
tags: ["Customization", "Editor"]
updated: 2026-06-22T08:31:03Z
published: 2026-06-22T08:31:03Z
canonical: "docs.document360.com/how-to-add-shadows-to-an-image-in-markdown"
---
> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Comment ajouter des ombres à une image dans Markdown
L’éditeur Markdown n’a pas de moyen intégré d’ajouter des ombres aux images. La solution consiste à utiliser la balise HTML `<img>` avec la `box-shadow` propriété CSS à l’intérieur de l’attribut `style` , que l’éditeur Markdown de Document360 affiche correctement.
---
## Quand utiliser les ombres d’image
- **Images en vedette ou images héroïques** — une ombre subtile soulève l’image de la page et lui donne un poids visuel, la rendant moins plate sur un fond blanc.
- **Les captures d’écran avec des fonds blancs ou clairs** — sans ombre, une capture d’écran avec un fond clair peut s’infiltrer sur la page. Une ombre crée une frontière visible.
- **Images décoratives ou de produits** — les ombres ajoutent profondeur et raffinement aux images utilisées pour l’intérêt visuel plutôt que pour l’enseignement technique.
Utilisez les ombres avec parcimonie. Les appliquer à chaque image d’un article crée un bruit visuel plutôt que de l’accent.
NOTE
Cette technique ne fonctionne que dans **l’éditeur Markdown**. Dans l’éditeur WYSIWYG, utilisez plutôt le bouton ombre dans le panneau des paramètres d’image.
---
## Comprendre la propriété de l’ombre boîte
La `box-shadow` propriété CSS prend trois valeurs dans cet ordre :
| Valeur | Ce qu’il contrôle | Exemple |
| --- | --- | --- |
| Décalage horizontal | Jusqu’où l’ombre s’étend-elle vers la gauche (négative) ou la droite (positive) | `3px` |
| Décalage vertical | Jusqu’où l’ombre s’étend-elle vers le haut (négatif) ou vers le bas (positif) | `3px` |
| Rayon de flou | À quel point le bord de l’ombre paraît net ou doux (plus haut = plus doux) | `3px` |
| Couleur | La couleur de l’ombre — tout nom de couleur CSS ou code hexadécimal | `gray` |
---
## Petite référence
Remplacez `YOUR_IMAGE_URL`, `YOUR_ALT_TEXT`, et les valeurs d’ombre par vos exigences.
```
```
Pour personnaliser l’ombre, ajustez les valeurs des trois pixels et le nom de la couleur :
```
```
NOTE
Le gris est la couleur d’ombre la plus couramment utilisée car elle s’applique aussi bien aux fonds clairs qu’à l’obscurité. Vous pouvez remplacer `gray` par n’importe quel nom de couleur CSS ou code hexadécimal valide pour correspondre à votre design.
---
## Comment ajouter une ombre à une image dans Markdown
1. Ouvrez l’article souhaité dans le portail de la Base de connaissances.
2. Collez l’extrait ci-dessous à l’endroit où vous souhaitez que l’image apparaisse.
```
```
1. Remplacez-le `YOUR_IMAGE_URL` par l’URL de votre image.
2. Remplacez-le `YOUR_ALT_TEXT` par une courte description de l’image pour plus d’accessibilité.
3. Ajustez les valeurs de l’ombre si nécessaire — voir le [tableau de référence des ombres boîte](/docs/fr/how-to-add-shadows-to-an-image-in-markdown#understanding-the-box-shadow-property) ci-dessus.
---
## Conséquences
### Sans ombre
### Avec de l’ombre
## Related
- [Comment ajouter un accordéon dans Markdown](/how-to-add-accordion-in-markdown.md)
- [Comment aligner l’image dans Markdown](/how-to-align-the-image-in-markdown.md)
- [Comment centrer l’alignement de l’en-tête dans les articles](/how-to-center-align-the-heading-in-the-articles.md)
- [Comment changer la couleur du texte dans Markdown](/how-to-change-the-color-of-the-text-in-markdown.md)