css3-border-image-repeat-stretch.html (996B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 <title>CSS Border Test: border image repeat property with value stretch</title> 5 <link rel="author" title="yanshasha" href="mailto:yanshasha133@gmail.com"> 6 <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com"> <!-- 2013-08-26 --> 7 <!-- 8 corrected and improved to be more precise 9 by Gérard Talbot 2020-05-27 10 --> 11 <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-repeat"> 12 <link rel="match" href="reference/css3-border-image-repeat-stretch-ref.html"> 13 <style> 14 div { 15 border: red solid 27px; 16 border-image-repeat: stretch; 17 border-image-source: url("support/blue-and-red-diamonds-81x81.png"); 18 border-image-slice: 27; 19 height: 100px; 20 width: 100px; 21 } 22 </style> 23 24 <p>Test passes if a blue diamond is stretched between red diamonds. 25 26 <div></div>