<pre>
border: 20px solid green;
border-image-source: linear-gradient(lightgreen, darkgreen);
border-image-slice: 20;
</pre>
<p class="box">box</p>
<p class="css-mine">
<small>
(<a href="http://www.cssmine.com/css3-border-image" target="_blank">CSS3 Border Image</a> at CSS Mine)
</small>
</p>
.box {
border: 20px solid green;
border-image-source: linear-gradient(lightgreen, darkgreen);
border-image-slice: 20;
padding: 2em;
}
.css-mine {
margin-top: 2em;
clear: both;
}
body {
margin: 1.5em;
}
Also see: Tab Triggers