หากต้องการตั้งค่าคุณสมบัติ border-radius ทั้งหมดใน JavaScript ให้ใช้คุณสมบัติ borderRadius ตั้งค่าคุณสมบัติ border-radius ทั้งหมดพร้อมกันโดยใช้คุณสมบัตินี้
ตัวอย่าง
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีตั้งค่าคุณสมบัติ border-radius ทั้งสี่มุม −
<!DOCTYPE html> <html> <head> <style> #box { border: thick solid gray; width: 200px; height: 200px } </style> </head> <body> <div id="box">Demo Text</div> <br><br> <button type="button" onclick="display()">Add border radius</button> <script> function display() { document.getElementById("box").style.borderRadius = "20px"; } </script> </body> </html> 