| <!DOCTYPE html> | |
| <style> | |
| #parent { | |
| border: solid; | |
| border-image-source: url('resources/border-image.png'); | |
| border-image-slice: 10%; | |
| border-image-width: 2; | |
| border-image-outset: 1; | |
| border-image-repeat: repeat; | |
| } | |
| #child { | |
| border: inherit; | |
| } | |
| </style> | |
| <div id="parent"> | |
| <p>Parent with border-image</p> | |
| <span id="child">Child - should inherit border-image</span> | |
| </div> |