ລັກສະນະ <img> HTML

HTML <img> ຕາມ

ຄວາມຄິດ

ພາສາ HTML ສາມາດຜະລິດການສະແດງຂອງຂໍ້ຄວາມທີ່ມີລະບົບກະດານບໍ່ບາງດັງຫຼາຍ:




border="1" />




border="2" />




border="4" />




border="8" />

亲自试一试

定义和用法

标签的 border 属性规定图像周围的边框的宽度，就是说可以增加或去掉图像的边框。

ຄວາມສັງເກດກວດດັງ:ໂດຍລະບົບມື້ອອກແບບຈະມີວົງຈອງບໍ່ມີ (ອີງຕາມສັບພາບທີ່ຢູ່ໃນ a ອັບສັນ).

ບັນດາຄອມພິວເຕິ້ມຈະສະແດງສັບພາບທີ່ສະແດງວ່າເປັນສາຍລະຫວ່າງກໍາລັງ (ອີງຕາມສັບພາບທີ່ຢູ່ໃນ <a> ອັບສັນ) ໃນວົງຈອງວົງຈອງຂອງວົງຈອງສອງຄັນວົງຈອງຫນຶ່ງຄັນວົງຈອງ, ເພື່ອສະແດງວ່າຜູ້ອ່ານສາມາດເລືອກສັບພາບນັ້ນເພື່ອເຂົ້າເຖິງເອກະສານທີ່ກ່ຽວຂ້ອງ.

ທ່ານສາມາດໃຊ້ border 属性 ແລະ ຄູ່ມູນວົງຈອງທີ່ສະແດງໂດຍຄວກກາກ (border="0") ຫລື ຂະຫຍາຍວົງຈອງຂອງສັບພາບ.

ຄວາມສັງເກດກວດດັງ:ບໍ່ໄດ້ສະເໜີທີ່ຈະໃຊ້ border 属性ໃນ HTML 4 ແລະ XHTML, ແຕ່ມັນຍັງຖືກສະໜັບສະໜູນຈາກບັນດາຄອມພິວເຕິ້ມທີ່ນິຍົມ.

延伸阅读：去掉图像的边框

ຄວາມສະໜັບສະໜູນບັນດາຄອມພິວເຕິ້ມ

ບໍ່ໄດ້ສະເໜີທີ່ຈະໃຊ້ border 属性, ແຕ່ທຸກຄອມພິວເຕິ້ມໃຫຍ່ທັງໝົດທີ່ຈະສະໜັບສະໜູນອັບສັນນັ້ນ.

ຂໍ້ສັງເກດກວດດັງ ແລະ ຄວາມສັງເກດກວດດັງ

ຄວາມສັງເກດກວດດັງ:HTML 4.01 ບໍ່ໄດ້ສະເໜີທີ່ຈະໃຊ້ອັບສັນ "border" ຂອງສັບພາບ. ໃນ XHTML 1.0 Strict DTD ແລະ HTML 5, ບໍ່ສະໜັບສະໜູນອັບສັນນັ້ນ.

ຂໍ້ສັງເກດກວດດັງ:ຂໍ້ສັງເກດກວດດັງໃຫ້ນຳໃຊ້ CSS border ຄູ່ມູນ ເພື່ອປ່ຽນວົງຈອງຂອງສັບສະມາຊິກ. ທ່ານສາມາດໃຊ້ຄູ່ມູນ border ຂອງ CSS ໃນບັນຊີອັບສະມາຊິກນອກເພື່ອຕັ້ງວົງຈອງທີ່ດຽວກັນໃຫ້ກັບສັບພາບທັງໝົດຂອງເວັບໄຊ. ກັບການຕັ້ງ border ຂອງສັບພາບພຽງຫນຶ່ງທີ່ໜຶ່ງ, ການນຳໃຊ້ນີ້ມີຄວາມປະສິດທິພາບຫລາຍກວ່າ.

ຄວາມສົມມຸດຂອງຄວາມສົມມຸດຄວາມສະໜັບສະໜູນ

ບໍ່ໄດ້ສະເໜີທີ່ຈະໃຊ້ອັບສັນ border ຂອງສັບພາບ img; ໃນ HTML 4.01 Strict ແລະ XHTML 1.0 Strict DTD, ບໍ່ສາມາດສະໜັບສະໜູນອັບສັນ border ຂອງສັບພາບ img.

ຂໍ້ສັງເກດກວດດັງໃຫ້ນຳໃຊ້ CSS.

CSS ຄຳວັດຖຸ：<img style="border:5px solid black">

CSS ຄວາມນິຍົມ：ພາບວົງຈອງ

ໃນການສອນ CSS ຂອງພວກເຮົາ，ທ່ານສາມາດຫາຫລາຍຫລາຍຂໍ້ມູນອີກຫລາຍຫລາຍຫາ border 属性 ລາຍລະອຽດ

ຄຳວັດຖຸ

<img border="value" />

ຄູ່ມູນຂອງອັບສັນ

ຄູ່ມູນ ການອະທິບາຍ
pixels ລະດັບວົງຈອງຂອງຊາວບວກໂຕບາດ

TIY ຄວາມນິຍົມ

<img> ອັບສັນ border
本例演示如何使用 标签的 border 属性来改变图像的边框。

延伸阅读：去掉图像的边框

通过在 标签中使用 border="0" 属性，就可以把图像超链接周围的边框去掉。对于某些图像，尤其是那些图像映射来说，没有边框可能会使页面的外观得到改善。而对于那些清楚地表示是指向其他图像的链接按钮，如果没有边框，图像看上去可能会更好。

虽然去掉边框不会降低文档的可用性，但还是要多加小心。因为没有边框就意味着去掉了一种非常常见的超链接视觉指示效果，这使得读者可能不会像原来那么很容易就可以找到这些链接。浏览器通常会在鼠标移动到超链接图像上的时候改变鼠标指针的形状，但是不能指望浏览器一定会这样做，更不应该让用户在没有边框的图像上摸索，已找到那些隐藏的链接。

ພວກເຮົາສະເໜີຫຼາຍກວ່າວ່າ, ຖ້າເຈົ້າກຳນົດຮູບພາບບໍ່ມີຂໍ້ບວກ, ເຈົ້າຄວນໃຊ້ວິທີອື່ນໆ, ເພື່ອອະນຸຍາດໃຫ້ຜູ້ອ່ານຮູ້ວ່າຈະລະເມີດໃນຮູບພາບດັ່ງກ່າວ. ເຖິງວ່າເຈົ້ານໍາໃຊ້ຂໍ້ຄວາມທີ່ລະອຽດ, ການເຮັດໃຫ້ເອກະສານມີຄວາມສາມາດຫາດດີຫຼາຍສຳລັບຜູ້ອ່ານກໍ່ຍາກ. ບໍ່ມີຂໍ້ບວກຈະບໍ່ຫຼຸດຄວາມສາມາດຫາດຂອງເອກະສານ, ແຕ່ນັ້ນກໍ່ຕ້ອງລະວັງຫຼາຍກວ່າ. ຂໍ້ບວກບໍ່ມີຄວາມສະແດງວ່າຈະເປັນທາງທີ່ກ່ຽວຂ້ອງສຳລັບການລະເມີດ, ແຕ່ນັ້ນກໍ່ຕ້ອງລະວັງຫຼາຍກວ່າ. ການຫຼຸດຂໍ້ບວກຈະບໍ່ຕອບດ້ວຍຄວາມຄິດຂອງຜູ້ອ່ານ, ແຕ່ນັ້ນກໍ່ຕ້ອງລະວັງຫຼາຍກວ່າ. ການຫຼຸດຂໍ້ບວກຈະບໍ່ຕອບດ້ວຍຄວາມຄິດຂອງຜູ້ອ່ານ, ແຕ່ນັ້ນກໍ່ຕ້ອງລະວັງຫຼາຍກວ່າ.

HTML <img> ຕາມ