HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> div{ min-height:50px; padding-top:10px; text-align: center; border-width: 50px; border-style: solid; border-color: #fff; } </style> </head> <body> <h1>CSS border-image 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.borderImage = "url('car-left.png') 95% round"; } </script> <p><strong>Note</strong>: Click on the button to apply 'border-image'.</p> </body> </html>
OUTPUT
×

Save as Private