คุณสมบัติ Style border

การใช้งานและการเรียกใช้

border ตั้งค่าคุณสมบัติด้วยรูปแบบลดทันทีหรือกลับมาคุณสมบัติเขตติดเชื่อมสามคุณสมบัติสองหรือสามรายการ

ผ่านคุณสมบัตินี้ คุณสามารถตั้งค่า/กลับมาค่าหนึ่งหรือหลายรายการ (ในลำดับใดก็ได้):

ดูเพิ่มเติม:

ตัวเรียน CSS:เขตพรม CSS

คู่มือ CSS:คุณสมบัติ border

ตัวอย่าง

ตัวอย่าง 1

เพิ่มเขตติดเชื่อมให้กับองค์ประกอบ <div>:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

ทดสอบเอง

ตัวอย่าง 2

เปลี่ยนความกว้าง รูปแบบและสีของเขตติดเชื่อมขององค์ประกอบ <div>:

document.getElementById("myDiv").style.border = "thin dotted red";

ทดสอบเอง

ตัวอย่าง 3

กลับมาค่า border ขององค์ประกอบ <div>:

alert(document.getElementById("myDiv").style.border);

ทดสอบเอง

รูปแบบ

กลับมา border คุณสมบัติ:

object.style.border

ตั้งค่าคุณสมบัติ border:

object.style.border = "width style color|initial|inherit"

ค่าขององค์ประกอบ

ค่า รายละเอียด
width ตั้งค่าความกว้างของเขตติดเชื่อม
style ตั้งค่ารูปแบบของเขตติดเชื่อม
color ตั้งค่าสีของเขตติดเชื่อม
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial.
inherit ของมันจากองค์ประกอบพ่อของมัน โปรดดู inherit.

รายละเอียดเทคนิค

ค่าเริ่มต้น: ยังไม่ได้กำหนด
ค่าที่กลับมา: ตัวเลขที่แสดงความกว้างของเขตติดเชื่อมขององค์ประกอบ รูปแบบและ/หรือสี。
เวอร์ชั่น CSS: CSS1

การสนับสนุนเบราเซอร์

border เป็นคุณสมบัติ CSS1 (1996)。

ทั้งหมดเบราเซอร์สนับสนุนมันอย่างเต็มที่:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน