ตัวอย่าง
เพิ่มเส้นขอบที่โค้งมนไปที่มุมล่างซ้ายของส่วน div นี้:
document.getElementById("myDIV").style.borderBottomLeftRadius = "25px";
ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ borderBottomLeftRadius หรือผลตอบแทนที่รูปร่างของเส้นขอบของมุมล่างซ้ายที่
Tip: คุณสมบัตินี้ช่วยให้คุณสามารถเพิ่มเส้นขอบโค้งมนกับองค์ประกอบ!
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
ตามด้วยหมายเลข Webkit, Moz หรือ O ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า
คุณสมบัติ | |||||
---|---|---|---|---|---|
borderBottomLeftRadius | 5.0 4.0 Webkit | 9.0 | 4.0 3.0 Moz | 5.0 3.1 Webkit | 10.5 |
วากยสัมพันธ์
กลับ borderBottomLeftRadius ทรัพย์สิน:
object .style.borderBottomLeftRadius
ตั้ง borderBottomLeftRadius ทรัพย์สิน:
object .style.borderBottomLeftRadius=" ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ length กำหนดรูปร่างของมุมด้านล่างซ้ายที่ ค่าเริ่มต้นคือ 0 % กำหนดรูปร่างของมุมด้านล่างซ้ายใน% initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 0 กลับค่า: สตริงที่เป็นตัวแทนของขอบล่างซ้ายรัศมีทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: border-bottom-left-radius property
<สไตล์วัตถุ