<!DOCTYPE html> | |
<style> | |
.bordered { | |
margin: auto; | |
width: 200px; | |
height: 200px; | |
background-color: red; | |
background-image: linear-gradient(green, green); | |
border: 30px solid red; | |
border-image: repeat stretch 40 / 40px / 40px linear-gradient(green, green); | |
} | |
</style> | |
<div id="spacer" style="height: 100px; width: 100px;"></div> | |
<!-- Test should show no red background color around the gradient. --> | |
<div class="bordered"></div> |