Atribut border tag <img> HTML

Tanda HTML <img>

Contoh

HTML ini dapat memproduksi garis pinggir gambar berukuran yang berbeda:


<html>
<br />
<a href="/index.html"> <body> border="8"
/>
border="4"
<br />
<a href="/index.html"> border="1" border="8"
/>
border="4"
<br />
<a href="/index.html"> border="2" border="8"
/>
border="4"
<br />
<a href="/index.html"> <img src="/i/eg_logo_codew3c.gif" border="8"
/>
</a>
</body>

</html>

Coba Sendiri

Definisi dan Penggunaan

Komentar:Atribut border tag <img> menentukan lebar garis pinggir sekeliling gambar, yang artinya dapat menambah atau menghilangkan garis pinggir gambar.

Biasanya, gambar tidak memiliki garis pinggir (kecuali gambar berada di dalam elemen a).

Dengan menggunakan atribut border dan nilai lebar dalam satuan piksel, Anda dapat menghilangkan (border="0") atau memperluas garis pinggir gambar.

Perhatian:Atribut ini di HTML 4 dan XHTML juga tidak direkomendasikan lagi digunakan, tetapi tetap didukung dengan baik oleh peramban populer.

Baca lebih lanjut: Menghilangkan batas gambar

Dukungan Peramban

Walaupun tidak direkomendasikan untuk menggunakan atribut border, semua peramban utama mendukung atribut ini.

Pemberitahuan dan Komentar

Komentar:HTML 4.01 tidak merekomendasikan untuk menggunakan atribut "border" gambar. Dalam XHTML 1.0 Strict DTD dan HTML 5, atribut ini tidak lagi didukung.

Pemberitahuan:Gunakan Atribut garis pinggir CSS untuk mengubah gaya garis pinggir elemen. Anda dapat menggunakan atribut garis pinggir CSS di tabel gaya eksternal, untuk mengatur garis pinggir yang konsisten untuk semua gambar di situs. Cara ini, tentu saja, lebih efisien daripada mengatur border untuk setiap gambar secara terpisah.

Komentar Kompatibilitas

Tidak direkomendasikan untuk menggunakan atribut border elemen img; dalam HTML 4.01 Strict serta XHTML 1.0 Strict DTD, atribut border elemen img tidak didukung.

Gunakan CSS untuk menggantinya.

Syntaks CSS: <img style="border:5px solid black">

Contoh CSS: Border Gambar

Di tutorial CSS kami, Anda dapat menemukan lebih banyak tentang Atribut border detilnya.

Syntaks

<img border="value" />

Nilai atribut

Nilai Deskripsi
pixels Lebar garis pinggir, dalam satuan piksel.

Contoh TIY

Atribut border tag <img>
Contoh ini menunjukkan bagaimana menggunakan atribut border tanda <img> untuk mengubah batas gambar.

Baca lebih lanjut: Menghilangkan batas gambar

Dengan menggunakan atribut border="0" dalam tanda <img>, dapat menghilangkan batas sekitar tautan gambar. Untuk beberapa gambar, terutama yang berupa peta gambar, tanpa batas dapat memperbaiki penampilan halaman. Untuk tombol yang jelas menunjukkan bahwa adalah tautan ke gambar lain, tanpa batas dapat membuat gambar terlihat lebih baik.

Meskipun menghilangkan batas tidak akan mengurangi ketersediaan dokumen, tetap perhatian tinggi. Karena tanpa batas berarti menghilangkan efek indikasi tautan visual yang sangat umum, sehingga penonton mungkin tidak bisa menemukan tautan ini dengan mudah seperti sebelumnya. Peramban biasanya akan mengubah bentuk penanda mouse saat penanda mouse bergerak ke gambar tautan, tetapi tidak dapat diharapkan bahwa peramban selalu melakukan hal ini, dan bahkan tidak boleh membiarkan pengguna berburu di gambar tanpa batas untuk menemukan tautan yang tersembunyi.

Kami menyarankan dengan kuat untuk menggunakan metode lain saat menggunakan gambar tanpa batas, supaya para penonton tahu harus mengklik gambar-gambar ini. Bahkan dengan teks yang sederhana, sulit untuk membuat dokumen memiliki akses yang baik bagi para penonton.

Tanda HTML <img>