Edit This Code:
See Result »
<!DOCTYPE html> <html> <head> <style> #borderimg { border: 10px solid transparent; padding: 15px; -webkit-border-image: url(border.png) 30 round; /* Safari 3.1-5 */ -o-border-image: url(border.png) 30 round; /* Opera 11-12.1 */ border-image: url(border.png) 30 round; } </style> </head> <body> <p>The border-image property specifies an image to be used as the border around an element:</p> <p id="borderimg">Here, the middle sections of the image are repeated to create the border.</p> <p>Here is the original image:</p><img src="border.png"> <p><strong>Note:</strong> Internet Explorer 10, and earlier versions, do not support the border-image property.</p> </body> <!-- Mirrored from www.w3schools.com/css/tryit.asp?filename=trycss3_border-image by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 13 Mar 2016 11:02:58 GMT --> </html>
Result: