ตัวอย่าง
เพิ่มเส้นขอบโค้งมนไปยังองค์ประกอบ div นี้:
document.getElementById("myDIV").style.borderRadius = "25px"; ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ borderRadius เป็นที่พักสำหรับการตั้งค่าจดชวเลขหรือกลับมาสี่ชายแดน * รัศมีคุณสมบัติ
Tip: คุณสมบัตินี้จะช่วยให้คุณสามารถเพิ่มมุมโค้งมนกับองค์ประกอบ!
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ borderRadius รับการสนับสนุนใน IE9 +, Firefox, Chrome, Safari และ Opera
วากยสัมพันธ์
กลับ borderRadius ทรัพย์สิน:
object .style.borderRadius
ตั้ง borderRadius ทรัพย์สิน:
object .style.borderRadius=" Note: สี่ค่าสำหรับแต่ละรัศมีจะได้รับในการสั่งซื้อด้านซ้ายบนขวาบนมุมขวาด้านล่างซ้าย หากล่างซ้ายถูกละไว้ก็เป็นเช่นเดียวกับด้านบนขวา ถ้าด้านล่างขวาถูกละไว้ก็เป็นเช่นเดียวกับบนด้านซ้าย ถ้าด้านบนขวาถูกละไว้ก็เป็นเช่นเดียวกับบนด้านซ้าย ค่าทรัพย์สิน
ความคุ้มค่า ลักษณะ length กำหนดรูปร่างของมุม ค่าเริ่มต้นคือ 0 % กำหนดรูปร่างของมุมใน% ที่ initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 0 กลับค่า: เชือกแทน border-radius ทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: border-radius property
<สไตล์วัตถุ