สไตล์เส้นขอบTopLeftRadius Property
ตัวอย่าง
เพิ่มเส้นขอบโค้งมนที่มุมบนซ้ายขององค์ประกอบ div:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
ความหมายและการใช้งาน
borderTopLeftRadius คุณสมบัติตั้งค่าหรือส่งกลับรูปร่างของเส้นขอบของมุมบนซ้าย
เคล็ดลับ:คุณสมบัตินี้ช่วยให้คุณเพิ่มเส้นขอบโค้งมนให้กับองค์ประกอบได้!
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
borderTopLeftRadius | Yes | 9.0 | Yes | Yes | Yes |
ไวยากรณ์
ส่งคืนคุณสมบัติ borderTopLeftRadius:
object.style.borderTopLeftRadius
ตั้งค่าคุณสมบัติ borderTopLeftRadius:
object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
หมายเหตุ:ค่าความยาวหรือเปอร์เซ็นต์สองค่าของคุณสมบัติ border-top-left-radius กำหนดรัศมีของวงรีหนึ่งในสี่ที่กำหนดรูปร่างของมุมของขอบขอบด้านนอก ค่าแรกคือรัศมีแนวนอน ค่าที่สองคือรัศมีแนวตั้ง หากไม่ระบุค่าที่สอง ระบบจะคัดลอกจากค่าแรก หากความยาวด้านใดด้านหนึ่งเป็นศูนย์ มุมจะเป็นสี่เหลี่ยมจัตุรัส ไม่ใช่มน เปอร์เซ็นต์สำหรับรัศมีแนวนอนหมายถึงความกว้างของกล่องเส้นขอบ ในขณะที่เปอร์เซ็นต์สำหรับรัศมีแนวตั้งหมายถึงความสูงของกล่องเส้นขอบ
มูลค่าทรัพย์สิน
Value | Description |
---|---|
length | Defines the shape of the top-left corner |
% | Defines the shape of the top-left 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-left-radius ของ element |
เวอร์ชัน CSS | CSS3 |
หน้าที่เกี่ยวข้อง
การอ้างอิง CSS: คุณสมบัติ border-top-left-radius
❮ สไตล์วัตถุ