HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> div{ padding: 10px; margin-bottom: 10px; border: 1px solid black; width: 150px; height: 150px; line-height:150px; } </style> </head> <body> <h1>CSS border-top-left-radius Property</h1> <div> This is div container. </div> <button onclick="myFunction()">Click Me</button> <script> var x = document.getElementsByTagName("div")[0]; function myFunction(){ x.style.borderTopLeftRadius = "100px"; } </script> <p><strong>Note</strong>: Click on the button to change the 'border-top-left-radius' from 0 to 100px.</p> </body> </html>
OUTPUT
×

Save as Private