border-image-repeat-space-4

CSS Border Image: border-image-repeat: space

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

Reference (good) by WeasyPrint

Reference (good) by this browser

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
The test checks whether border-image-repeat: 'space' uses the correct formula when a single image fits exactly.

Source

 1 <!DOCTYPE html>
 2 <html><head>
 3     <meta charset="utf-8">
 4     <title>CSS Border Image: border-image-repeat: space</title>
 5     <link href="mailto:ethlin@mozilla.com" rel="author" title="Ethan Lin">
 6     <link href="https://www.mozilla.org" rel="author" title="Mozilla">
 7     <link href="https://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help">
 8     <link href="reference/border-image-repeat-space-4-ref-1.htm" rel="match">
 9     <meta content="The test checks whether border-image-repeat: 'space' uses the correct formula when a single image fits exactly." name="assert">
10     <style type="text/css">
11       .outer {
12         position: absolute;
13         left: 0px;
14         top: 0px;
15         border: 27px solid transparent;
16         border-image: url("border.png") 27;
17         border-image-repeat: space space;
18         width: 27px;
19         height: 27px;
20       }
21     </style>
22   </head>
23   <body>
24     <div class="outer"></div>
25   
26 
27 </body></html>