Markdown Toolbox Logo Markdown Toolbox
Rumah
Blog

Bagaimana cara menambahkan bingkai gambar dalam Markdown?

2023-12-29

Menambahkan batas pada gambar dalam dokumen Markdown melibatkan penggunaan kombinasi Markdown dan HTML. Karena Markdown standar tidak mendukung penataan gambar, tag HTML digunakan untuk menerapkan gaya CSS tambahan.

Berikut cara Anda dapat menambahkan batas pada gambar:

  1. Sematkan gambar menggunakan sintaks gambar Markdown standar.
  2. Balut gambar dalam tag HTML <div> atau <span>.
  3. Terapkan CSS inline untuk menambahkan batas.

Contoh:

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

Ini akan menampilkan gambar dengan batas hitam solid 2px. Anda dapat menyesuaikan gaya batas, lebar, dan warna dengan memodifikasi CSS dalam atribut style.

Ingatlah, tidak semua pengurai Markdown mendukung HTML dan CSS, jadi metode ini mungkin tidak berfungsi di semua lingkungan.