Markdown Toolbox Logo Markdown Toolbox
Thuis
Bloggen

Hoe voeg ik een afbeeldingsrand toe in Markdown?

2023-12-29

Het toevoegen van randen aan afbeeldingen in Markdown-documenten houdt in dat je een combinatie van Markdown en HTML gebruikt. Aangezien standaard Markdown geen afbeeldingstyling ondersteunt, worden HTML-tags gebruikt om aanvullende CSS-stijlen toe te passen.

Hier is hoe je een rand aan een afbeelding kunt toevoegen:

  1. Voeg de afbeelding in met behulp van de standaard Markdown afbeeldingsyntax.
  2. Wikkel de afbeelding in een HTML <div> of <span>-tag.
  3. Pas inline CSS toe om een rand toe te voegen.

Bijvoorbeeld:

<div style="border: 2px solid black;">![Alt tekst](image-url.jpg)</div>

Dit zal de afbeelding weergeven met een 2px dikke zwarte rand. Je kunt de randstijl, -breedte en -kleur aanpassen door de CSS in het style-attribuut te bewerken.

Vergeet niet, niet alle Markdown-parsers ondersteunen HTML en CSS, dus deze methode werkt mogelijk niet in alle omgevingen.