Style borderRight คุณสมบัติ

การรับรู้และการใช้งาน

borderRight ตั้งค่าคุณสมบัติด้วยรูปแบบสั้นและส่งกลับค่าสูงสุดสามคุณสมบัติของขอบขวาเดี่ยว

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

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

คู่มือ CSS:CSS ขอบเขต

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

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

ตัวอย่าง

ตัวอย่าง 1

เพิ่มขอบขวาองค์ประกอบ <div>:

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

ทดลองด้วยตัวเอง

ตัวอย่าง 2

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

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

ทดลองด้วยตัวเอง

ตัวอย่าง 3

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

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

ทดลองด้วยตัวเอง

รูปแบบ

ส่งกลับคุณสมบัติ borderRight:

object.style.borderRight

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

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

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

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

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

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

การสนับสนุนโปรแกรมนีเวอร์

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