105 votes

Est-il possible d'ajouter une bordure à une image dans le format markdown de GitHub ?

J'ai besoin d'ajouter une bordure à l'image dans le fichier README.md de GitHub. Voici comment l'image doit être intégrée :

![GitHub Logo](/images/logo.png)

J'ai essayé d'envelopper l'image avec le tableau :

|--------------------------------|
|![GitHub Logo](/images/logo.png)|

mais il n'est pas possible de créer un tableau sans en-tête.

J'ai également essayé d'inclure l'image comme balise html :

<img src="/images/logo.png" style="border: 1px solid black" />

mais sans succès. Existe-t-il un moyen d'y parvenir ?

0 votes

Ce n'est peut-être plus possible avec le format markdown, mais il était possible d'ajouter des éléments comme "``` | width=100```" juste avant la parenthèse fermante.

1 votes

Et si vous inspectez le <img> dans le navigateur, vous verrez que GitHub remplace votre style="" par style="max-width:100%;" . Ce qui vous empêche de mettre un attribut style="" sur votre balise img.

3voto

KABA Points 121

Je fais souvent ce genre de choses dans les commentaires de GitHub. Peut-être que des sauts de ligne sont nécessaires.

# Added at 2021/05/24

// No end tag
 ![image_alt](image_path)

# Added at 2020/09/14

| ![image_alt](image_path)
|-

label_text
|-
!...

| ![...a) | ![...b)| ![...c)
|-|-|-

||
|-
![...)

# with Background color

||
|-
||
![...)

Before | After
-|-
![...a) | ![...b)

|||||
-|-|-|-
![...a) | ![...b) | ![...c) | ![...d)

-7voto

blackcatweb Points 557

Une autre solution consiste à créer vous-même la bordure dans un outil d'édition d'images et à la télécharger.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X