border-image-outset-003-ref.html (572B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Blue Box with Green Frame</title> 4 <style> 5 #a { 6 width: 300px; 7 height: 200px; 8 position: absolute; 9 left: 100px; 10 top: 100px; 11 border-width: 50px; 12 border-style: solid; 13 border-image: linear-gradient(green, green); 14 background-color: blue; 15 background-clip: content-box; 16 border-image-slice: 33%; 17 padding-left: 100px; 18 padding-top: 50px; 19 padding-right: 10px; 20 padding-bottom: 50px; 21 } 22 </style> 23 <div id="a"></div>