diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-backgrounds/css3-border-image-repeat-stretch.html')
-rw-r--r-- | testing/web-platform/tests/css/css-backgrounds/css3-border-image-repeat-stretch.html | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-backgrounds/css3-border-image-repeat-stretch.html b/testing/web-platform/tests/css/css-backgrounds/css3-border-image-repeat-stretch.html new file mode 100644 index 0000000000..c83cf38372 --- /dev/null +++ b/testing/web-platform/tests/css/css-backgrounds/css3-border-image-repeat-stretch.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> + + <meta charset="UTF-8"> + <title>CSS Border Test: border image repeat property with value stretch</title> + <link rel="author" title="yanshasha" href="mailto:yanshasha133@gmail.com"> + <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com"> <!-- 2013-08-26 --> + <!-- + corrected and improved to be more precise + by GĂ©rard Talbot 2020-05-27 + --> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-repeat"> + <link rel="match" href="reference/css3-border-image-repeat-stretch-ref.html"> + <style> + div { + border: red solid 27px; + border-image-repeat: stretch; + border-image-source: url("support/blue-and-red-diamonds-81x81.png"); + border-image-slice: 27; + height: 100px; + width: 100px; + } + </style> + + <p>Test passes if a blue diamond is stretched between red diamonds. + + <div></div> |