กำหนดความกว้างขอบด้วย CSS (border-width)

คุณสมบัติ border-width

คุณสมบัติ border-width ให้คุณกำหนดความกว้างของขอบองค์ประกอบ ค่าของคุณสมบัตินี้อาจเป็นความยาวใน px, pt, cm หรือตั้งค่าเป็น thin, medium หรือ thick

ตัวอย่าง

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

<html>
  <head>
  </head>
  <body>
    <p style="border-width:4px; border-style:solid;">
      David Beckham is a legend. </p>
    <p style="border-width:4pt; border-style:dashed;">
      Sachin Tendulkar is a legend. </p>
  </body>
</html>

ค่าที่ใช้ได้:

• ความยาว: px, pt, cm, em, rem, ฯลฯ
• คีย์เวิร์ด: thin, medium (ค่าเริ่มต้น), thick
• สามารถระบุ 1-4 ค่า (top, right, bottom, left)