Style borderRightStyle โครงสร้าง

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

borderRightStyle ตั้งค่าหรือกู้ค่าสไตล์ขอบด้านขวาขององค์ประกอบ HTML โดยตรง。

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

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

คู่มือ CSS:เครื่องหมาย border-right-style

คู่มือ HTML DOM:เครื่องหมาย border

ตัวอย่าง

ตัวอย่าง 1

เพิ่มเขตขอบด้านขวา 'ตัน' สำหรับ <div> อิเล็กทรอนิกส์:

document.getElementById("myDiv").style.borderRightStyle = "solid";

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

ตัวอย่าง 2

เปลี่ยนรูปแบบขอบขวาขององค์ประกอบ <div> ให้เป็น "dotted":

document.getElementById("myDiv").style.borderRightStyle = "dotted";

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

ตัวอย่าง 3

คืนค่ารูปแบบขอบขวาขององค์ประกอบ <div>:

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

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

ตัวอย่าง 4

การแสดงตัวอย่างสำหรับค่าที่แตกต่างกัน:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderRightStyle = listValue;

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

ความเข้าใจเรื่องเกี่ยวกับภาษาบวก

คืนค่าคุณสมบัติ borderRightStyle:

object.style.borderRightStyle

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

object.style.borderRightStyle = value
ค่า คำอธิบาย
none กำหนดขอบชนานไม่มี
hidden เหมือนกับ "none" แต่ไม่นับค่านี้ในการแก้ปัญหาขอบชนานขององค์ประกอบตาราง
dotted กำหนดขอบชนานแบบจุด
dashed กำหนดขอบชนานแบบสายตรง
solid กำหนดขอบชนานแบบหนัก
double กำหนดขอบชนานสองเส้น ความกว้างของขอบชนานทั้งสองเท่ากับค่า border-width
groove กำหนดขอบชนาน 3D groove border-color ค่า
ridge กำหนดขอบชนาน 3D ridge border-color ค่า
inset กำหนดขอบชนาน 3D inset border-color ค่า
outset กำหนดขอบชนาน 3D outset border-color ค่า
initial ตั้งค่าคุณสมบัตินี้เป็นค่าปริยาย โปรดดู initial。
inherit ทำให้คุณได้รับคุณสมบัตินี้จากองค์ประกอบพ่อของเธอ โปรดดู inherit。

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

ค่าปริยาย: ไม่มี
ค่าที่ส่งกลับมา: ตัวเลือกภาษาฃานวากย์ที่แสดงรูปแบบของขอบขวาขององค์ประกอบ。
เลือกเอกสาร CSS รุ่น： CSS1

การสนับสนุนโปรแกรมนี้

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