Markdown Toolbox Logo Markdown Toolbox
Startseite
Blog

Wir haben eine weitere Seite auf Englisch. Möchten Sie die Sprache wechseln?

We have another page in English. Would you like to change languages?

Ja / Yes Nein / No

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.