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