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

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?