สไตล์เส้นขอบTopRightRadius Property
ตัวอย่าง
เพิ่มเส้นขอบโค้งมนที่มุมบนขวาขององค์ประกอบ div:
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
ความหมายและการใช้งาน
คุณสมบัติ borderTopRightRadius กำหนดรูปร่างของเส้นขอบของมุมบนขวา
เคล็ดลับ:คุณสมบัตินี้ช่วยให้คุณเพิ่มเส้นขอบโค้งมนให้กับองค์ประกอบได้!
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
borderTopRightRadius | Yes | 9.0 | Yes | Yes | Yes |
ไวยากรณ์
ส่งคืนคุณสมบัติ borderTopRightRadius:
object.style.borderTopRightRadius
ตั้งค่าคุณสมบัติ borderTopRightRadius:
object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"
หมายเหตุ:ค่าความยาวหรือเปอร์เซ็นต์สองค่าของคุณสมบัติ border-top-right-radius กำหนดรัศมีของวงรีหนึ่งในสี่ที่กำหนดรูปร่างของมุมของขอบขอบด้านนอก ค่าแรกคือรัศมีแนวนอน ค่าที่สองคือรัศมีแนวตั้ง หากไม่ระบุค่าที่สอง ระบบจะคัดลอกจากค่าแรก หากความยาวด้านใดด้านหนึ่งเป็นศูนย์ มุมจะเป็นสี่เหลี่ยมจัตุรัส ไม่ใช่มน เปอร์เซ็นต์สำหรับรัศมีแนวนอนหมายถึงความกว้างของกล่องเส้นขอบ ในขณะที่เปอร์เซ็นต์สำหรับรัศมีแนวตั้งหมายถึงความสูงของกล่องเส้นขอบ
มูลค่าทรัพย์สิน
Value | Description |
---|---|
length | Defines the shape of the top-right corner |
% | Defines the shape of the top-right corner in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | 0 |
---|---|
คืนมูลค่า: | A String แทนคุณสมบัติ border-top-right-radius ขององค์ประกอบ |
เวอร์ชัน CSS | CSS3 |
หน้าที่เกี่ยวข้อง
การอ้างอิง CSS: border-top-right-radius property
❮ สไตล์วัตถุ