Isenção de responsabilidade: Este artigo foi gerado usando tradução automática.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Como adicionar bordas a uma imagem no Markdown?

Prev Next

Planos que suportam a personalização de imagens no editor de markdown

Plans supporting this feature: Professional Business Enterprise


O Markdown não tem uma maneira integrada de adicionar bordas às imagens, mas você pode usar tags HTML no Markdown para obter esse efeito.

Solução alternativa

Código de exemplo

<img src= "image.jpg" alt="your-image-description" style="border:2px solid grey;">

Substitua o image.jpg pelo URL da sua imagem e adicione o texto alternativo da sua imagem no lugar de "your-image-description".

Você pode ajustar a largura, o estilo e a cor da borda modificando o atributo style conforme desejado.

No código de exemplo acima, usamos o style atributo para adicionar o seguinte:

  • A largura da borda é de 2 pixels.

  • O estilo da borda é sólido.

  • A cor da borda é definida como cinza.

NOTA

Você pode alterar a cor da sombra das imagens. Basta substituir o cinza pelo nome da cor desejada. Por exemplo, azul, verde, amarelo e muito mais.
O cinza foi usado no exemplo porque é a cor de borda mais comumente usada ao lado do preto.

Resultado

Sem borda

1_Screenshot-without_shadow_Featured_image-Health_check_metrics.png

Com borda

your-image-description

NOTA

Você também pode adicionar uma sombra à imagem usando trechos de código HTML. Confira este artigo para obter mais informações: Como adicionar sombras a uma imagem no Markdown?