Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

Hoe voeg ik randen toe aan een afbeelding in Markdown?

Prev Next

Disclaimer: Dit artikel is gegenereerd door automatische vertaling.

Plannen die het aanpassen van afbeeldingen in de markdown-editor ondersteunen

Professional
Business
Enterprise






Markdown heeft geen ingebouwde manier om randen aan afbeeldingen toe te voegen, maar je kunt HTML-tags binnen Markdown gebruiken om dit effect te bereiken.

Tijdelijke oplossing

Voorbeeldcode

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

Vervang de image.jpg door uw afbeeldings-URL en voeg de alt-tekst voor uw afbeelding toe in plaats van "uw-afbeelding-beschrijving".

U kunt de breedte, stijl en kleur van de rand aanpassen door het kenmerk stijl naar wens aan te passen.

In de bovenstaande voorbeeldcode gebruiken we het style kenmerk om het volgende toe te voegen:

  • De breedte van de rand is 2 pixels.

  • De randstijl is solide.

  • De kleur van de rand is ingesteld op grijs.

NOTITIE

U kunt de schaduwkleur van afbeeldingen wijzigen. Vervang gewoon grijs door de gewenste kleurnaam. Bijvoorbeeld blauw, groen, geel en meer.
Grijs is in het voorbeeld gebruikt omdat dit naast zwart de meest gebruikte randkleur is.

Resultaat

Zonder grens

1_Screenshot-without_shadow_Featured_image-Health_check_metrics.png

Met rand

your-image-description

NOTITIE

U kunt ook een schaduw aan de afbeelding toevoegen met behulp van HTML-codefragmenten. Bekijk dit artikel voor meer informatie: Hoe voeg je schaduwen toe aan een afbeelding in Markdown?