กำหนดขอบแบบ inset ด้วย CSS (border-style: inset)

คุณสมบัติ border-style: inset

เพื่อกำหนดขอบแบบ inset ด้วย CSS ให้ใช้คุณสมบัติ border-style ด้วยค่า inset

ตัวอย่าง

<html>
  <head>
  </head>
  <body>
    <p style="border-width:4px; border-style:none;">
      This is a border with none width. </p>
    <p style="border-width:4px; border-style:inset;">
      This is inset border. </p>
  </body>
</html>

ค่าสไตล์ขอบที่ใช้ได้:

• none - ไม่มีขอบ
• solid - เส้นทึบ
• dotted - จุดๆ
• dashed - ขีดขึง
• double - สองเส้น
• groove - ข้าวโพดแกะสลัก
• ridge - ยtrice
• inset - เข้าด้านใน (3D pressed effect)
• outset - ออกด้านนอก (3D raised effect)
• hidden - ซ่อน