border-image-outset-003.html (656B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Background Image Outset</title> 4 <link rel="match" href="border-image-outset-003-ref.html"> 5 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-outset" /> 6 <style> 7 #a { 8 width: 300px; 9 height: 200px; 10 position: absolute; 11 left: 200px; 12 top: 150px; 13 border-width: 50px; 14 border-style: solid; 15 border-image: linear-gradient(green, green); 16 background-color: blue; 17 background-clip: content-box; 18 border-image-outset: 50px 10px 50px 100px; 19 border-image-slice: 33%; 20 } 21 </style> 22 <div id="a"></div>