Markdown Toolbox Logo Markdown Toolbox
Startseite
Blog

Wie füge ich einen Bildrahmen in Markdown hinzu?

2023-12-29

Das Hinzufügen von Rahmen zu Bildern in Markdown-Dokumenten erfordert eine Kombination aus Markdown und HTML. Da der Standard-Mardown keine Bildstilierung unterstützt, werden HTML-Tags verwendet, um zusätzliche CSS-Stile anzuwenden.

So fügen Sie einem Bild einen Rahmen hinzu:

  1. Binden Sie das Bild mithilfe der standardmäßigen Markdown-Bildsyntax ein.
  2. Umgeben Sie das Bild mit einem HTML-<div>- oder <span>-Tag.
  3. Wenden Sie Inline-CSS an, um einen Rahmen hinzuzufügen.

Zum Beispiel:

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

Dies zeigt das Bild mit einem 2px soliden schwarzen Rahmen an. Sie können den Rahmenstil, die Breite und die Farbe anpassen, indem Sie das CSS im style-Attribut ändern.

Denken Sie daran, dass nicht alle Markdown-Parser HTML und CSS unterstützen, sodass diese Methode möglicherweise nicht in allen Umgebungen funktioniert.