<!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>