| <!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; |
| border-image-source: inherit; |
| border-image-slice: inherit; |
| border-image-width: inherit; |
| border-image-outset: inherit; |
| border-image-repeat: inherit; |
| } |
| </style> |
| <div id="parent"> |
| <p>Parent with border-image</p> |
| <span id="child">Child - should inherit border-image</span> |
| </div> |