gradient-repeat-spaced-with-borders.html (580B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Tiled gradient with spaces is repeated behind the border.</title> 4 <link rel="match" href="reference/gradient-repeat-spaced-with-borders.html"> 5 <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#valdef-background-repeat-space"> 6 <style> 7 #foo { 8 width: 65px; 9 height: 65px; 10 border: solid 35px transparent; 11 background: radial-gradient(transparent 50%, #36c 50%); 12 background-size: 30px 30px; 13 background-repeat: space; 14 } 15 </style> 16 <body> 17 <div id="foo"></div> 18 </body>