| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <title>border-image with different widths</title> | |
| <style> | |
| #ref { | |
| width: 360px; | |
| height: 240px; | |
| border-style: solid; | |
| border-width: 40px 40px 20px 0px; | |
| border-image-source: url("support/border.png"); | |
| border-image-slice: 27; | |
| } | |
| </style> | |
| <body> | |
| <div id="ref"></div> | |
| </body> |