การใช้งานคุณสมบัติ border กับรูปภาพใน CSS

คุณสมบัติ border สำหรับรูปภาพ

คุณสมบัติ border ใช้กำหนดความกว้างของขอบรูปภาพ คุณสมบัตินี้รับค่าเป็นความยาวหรือเปอร์เซ็นต์ ความกว้าง 0 พิกเซล = ไม่มีขอบ

ตัวอย่าง

ลองรันโค้ดต่อไปนี้เพื่อกำหนดความกว้างขอบรูปภาพ:

<html>
  <head>
  </head>
  <body>
    <img style="border:0px;" src="/css/images/logo.png" />
    <br />
    <img style="border:4px dashed green;" src="/css/images/logo.png" />
  </body>
</html>

รูปแบบ border shorthand:

border: <width> <style> <color>;

• width: thin, medium, thick, หรือความยาว (px, em, ฯลฯ)
• style: none, solid, dotted, dashed, double, groove, ridge, inset, outset
• color: สีขอบ