summaryrefslogtreecommitdiffstats
path: root/layout/reftests/border-image/multicolor-image-3-ref.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/border-image/multicolor-image-3-ref.html')
-rw-r--r--layout/reftests/border-image/multicolor-image-3-ref.html63
1 files changed, 63 insertions, 0 deletions
diff --git a/layout/reftests/border-image/multicolor-image-3-ref.html b/layout/reftests/border-image/multicolor-image-3-ref.html
new file mode 100644
index 0000000000..ed74e4d7b8
--- /dev/null
+++ b/layout/reftests/border-image/multicolor-image-3-ref.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>test of border-image: number repetition</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <meta http-equiv="Content-Style-Type" content="text/css">
+ <style type="text/css">
+
+ div {
+ background: red; /* fail if this shows through */
+ background-image: url('3x3multicolor.png'); /* fail if this shows through */
+ margin-bottom: 2px;
+ }
+
+ div.one {
+ border-width: 4px 6px 8px 6px;
+ border-style: solid;
+ border-image: url(10x5multicolor.png) 2 2 2 2;
+ -khtml-border-image: url(10x5multicolor.png) 2 2 2 2;
+ border-image: url(10x5multicolor.png) 2 2 2 2;
+ width: 5px;
+ height: 2px;
+ }
+
+ div.two {
+ border-width: 4px 4px 4px 4px;
+ border-style: solid;
+ border-image: url(10x5multicolor.png) 2 1 2 1;
+ -khtml-border-image: url(10x5multicolor.png) 2 1 2 1;
+ border-image: url(10x5multicolor.png) 2 1 2 1;
+ width: 5px;
+ height: 2px;
+ }
+
+ div.three {
+ border-width: 4px 2px 4px 2px;
+ border-style: solid;
+ border-image: url(10x5multicolor.png) 2 3 1 3;
+ -khtml-border-image: url(10x5multicolor.png) 2 3 1 3;
+ border-image: url(10x5multicolor.png) 2 3 1 3;
+ width: 5px;
+ height: 2px;
+ }
+
+ div.four {
+ border-width: 4px 3px 4px 3px;
+ border-style: solid;
+ border-image: url(10x5multicolor.png) 2 3 1 1;
+ -khtml-border-image: url(10x5multicolor.png) 2 3 1 1;
+ border-image: url(10x5multicolor.png) 2 3 1 1;
+ width: 5px;
+ height: 2px;
+ }
+
+ </style>
+</head>
+<body>
+<div class="one"></div>
+<div class="two"></div>
+<div class="three"></div>
+<div class="four"></div>
+</body>
+</html>