border-image-repeat-space-9.html (1057B)
1 <!doctype html> 2 <html> 3 <title>CSS Border Image: border-image-repeat:space with non-initial border-image-width</title> 4 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 5 <link rel="help" href="https://www.w3.org/TR/css3-background/#the-border-image-repeat"> 6 <link rel="match" href="border-image-repeat-space-8-ref.html"> 7 <meta name="assert" content="An explicit 'border-image-width:auto' should render the same as 'border-image-width:1' (the initial value) when the 'border-image-slice' is exactly the same size as the 'border-width'."> 8 9 <style> 10 div { 11 border: 27px solid; 12 border-image: url("support/border.png") 27 space; 13 border-image-width: auto; 14 } 15 </style> 16 17 <div style="width: 505px; height: 50px"></div> 18 <div style="width: 475px; height: 0px"></div> 19 <div style="width: 475px; height: 1px"></div> 20 <div style="width: 26px; height: 26px"></div> 21 <div style="width: 53px; height: 53px"></div> 22 <div style="width: 55px; height: 55px"></div> 23 <div style="width: 505px; height: 50px; writing-mode: vertical-rl"></div> 24 25 </html>