| <!DOCTYPE HTML> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>CSS Backgrounds and Borders Test:border-images with round repeat</title> |
| <link rel="author" title="babyliner" href="mailto:babyliner1026@gmail.com" /> |
| <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image"> |
| <meta name="flags" content="image"> |
| <meta name="assert" content="Testing border-image-repeat:round attribute"> |
| <style type="text/css"> |
| .main { |
| width: 200px; |
| height: 200px; |
| border: 1px red solid; |
| border-image-source: url(./support/border-image.jpg); |
| border-image-slice: 100 100; |
| border-image-repeat: round; |
| border-image-width: 50 50; |
| } |
| </style> |
| </head> |
| <body> |
| <p class="explain">Test passes if there are borders with flowers.<br /> |
| Test fails if there are red solid borders</p> |
| <div class="main"></div> |
| </body> |
| </html> |