| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| div { |
| border: 30px solid transparent; |
| width: 90px; |
| height: 90px; |
| } |
| #border-image-repeat { border-image: url(resources/border-image.svg) 30 fill repeat; } |
| #border-image-round { border-image: url(resources/border-image.svg) 30 fill round; } |
| #border-image-stretch { border-image: url(resources/border-image.svg) 30 fill stretch; } |
| </style> |
| </head> |
| <body> |
| <div id="border-image-repeat"></div> |
| <br> |
| <div id="border-image-round"></div> |
| <br> |
| <div id="border-image-stretch"></div> |
| </body> |
| </html> |
