ตัวแปร borderRadius ของ Style
- หน้าก่อน borderLeftWidth
- หน้าต่อไป borderRight
- กลับไปยังชั้นบน Object HTML DOM Style
การเรียกใช้และการระบุ
borderRadius คุณสมบัตินี้เป็นคุณสมบัติสั้นที่ใช้เพื่อตั้งค่าหรือกลับค่าสี่คุณสมบัติ borderRadius
คุณสมบัติ borderRadius สี่รายการนี้คือ (ตามลำดับ):
คำแนะนำ:คุณสมบัตินี้อนุญาตให้คุณเพิ่มมุมทรงกลมให้กับองค์ประกอบ!
ดูเพิ่มเติม:
คู่มือ CSS:ตัวแปร border-radius
ตัวอย่าง
เพิ่มขอบมุมทรงกลมต่อองค์ประกอบ div:
document.getElementById("myDIV").style.borderRadius = "25px";
การใช้งาน
กลับมาด้วยตัวแปร borderRadius:
object.style.borderRadius
ตั้งค่าตัวแปร borderRadius:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
หมายเหตุ:ค่าสี่เส้นรัศมีของแต่ละรัศมีเป็นลำดับที่ 1-4 ตามลำดับ ขวาบน ขวาล่า ซ้ายล่า ซ้ายบน ถ้าละเลยซ้ายล่า จะเท่ากับขวาบน ถ้าละเลยซ้ายล่า จะเท่ากับซ้ายบน ถ้าละเลยขวาบน จะเท่ากับซ้ายบน
ค่าของอัตราแบบ
| ค่า | คำอธิบาย |
|---|---|
| length | กำหนดรูปร่างของมุม ค่าเริ่มต้นคือ 0 |
| % | กำหนดรูปร่างของมุมด้วยเปอร์เซ็นต์ |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。 |
| inherit | ทำให้คุณได้รับคุณสมบัตินี้จากตัวปลอมของเรา โปรดดู inherit。 |
รายละเอียดเทคโนโลยี
| ค่าเริ่มต้น: | 0 |
|---|---|
| ค่าที่ได้รับมา: | ตัวแปรสตริงที่แสดง ตัวแปร border-radius。 |
| เอกสาร CSS รุ่น： | CSS3 |
การสนับสนุนโปรแกรมนี้
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | 9.0 | สนับสนุน | สนับสนุน | สนับสนุน |
- หน้าก่อน borderLeftWidth
- หน้าต่อไป borderRight
- กลับไปยังชั้นบน Object HTML DOM Style
