คุณสมบัติ border-style
เพื่อกำหนดขอบแบบขีดขึง ให้ใช้คุณสมบัติ border-style ลองรันโค้ดต่อไปนี้เพื่อนำ border-style property value dashed ไปใช้เพื่อกำหนดขอบแบบขีดขึง:
ตัวอย่าง
<html>
<head>
</head>
<body>
<p style="border-width:3px; border-style:dashed;">
This is a dashed border. </p>
</body>
</html>
ค่าสไตล์ขอบที่ใช้ได้:
- none - ไม่มีขอบ
- solid - เส้นทึบ
- dotted - จุดๆ
- dashed - ขีดขึง
- double - สองเส้น
- groove - ข้าวโพดแกะสลัก
- ridge - ยtrice
- inset - เข้าด้านใน
- outset - ออกด้านนอก
- hidden - ซ่อน
แก้ไขจากต้นฉบับ: คอมเมนต์เขียน "This is a dotted border" ผิด ควรเป็น "dashed border"
