<html> <head> <title>reference of svg-as-border-image</title> <style type="text/css"> div { width: 100px; height: 100px; margin: 30px; border-width: 30px; border-style: solid; border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="50%" cy="50%" r="50%" fill="red"/></svg>') 5% stretch; } </style> </head> <body> <div></div> </body> </html>