side-scaling-1v.html (679B)
1 <!doctype html> 2 <html><head> 3 <title>border-image: repeat with zero-width left and right</title> 4 <style> 5 span { 6 display: inline-block; 7 margin: 5px; 8 box-sizing: border-box; 9 width: 13px; 10 border-style: solid; 11 border-color: transparent; 12 border-width: 10px 0; 13 border-image: url("roundrectbutton.png") 10 0 repeat; 14 } 15 </style> 16 </head><body> 17 <p> 18 <span style="height:24px"></span> 19 <span style="height:25px"></span> 20 <span style="height:26px"></span> 21 <span style="height:27px"></span> 22 <span style="height:28px"></span> 23 <span style="height:30px"></span> 24 <span style="height:35px"></span> 25 <span style="height:40px"></span> 26 <span style="height:50px"></span> 27 </p> 28 </body></html>