Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Add border-image tests from mozilla layout reftests, with modifications

  • Loading branch information...
commit dde610ed772c0c768c0dcc543dabf8241ec44ef1 1 parent ef5ccac
Jason Johnston authored
Showing with 2,125 additions and 0 deletions.
  1. +4 −0 tests/mozilla-reftests/README
  2. BIN  tests/mozilla-reftests/border-image/10x5multicolor.png
  3. BIN  tests/mozilla-reftests/border-image/3x3green-1DD813.png
  4. BIN  tests/mozilla-reftests/border-image/3x3multicolor.png
  5. BIN  tests/mozilla-reftests/border-image/3x3transparent.png
  6. +6 −0 tests/mozilla-reftests/border-image/470250-1-ref.html
  7. +17 −0 tests/mozilla-reftests/border-image/470250-1.html
  8. +6 −0 tests/mozilla-reftests/border-image/470250-2-ref.html
  9. +17 −0 tests/mozilla-reftests/border-image/470250-2.html
  10. BIN  tests/mozilla-reftests/border-image/4x4multicolor.png
  11. +64 −0 tests/mozilla-reftests/border-image/center-scaling-1-ref.html
  12. +14 −0 tests/mozilla-reftests/border-image/center-scaling-1.html
  13. +44 −0 tests/mozilla-reftests/border-image/center-scaling-2-ref.html
  14. +14 −0 tests/mozilla-reftests/border-image/center-scaling-2.html
  15. +40 −0 tests/mozilla-reftests/border-image/center-scaling-3-ref.html
  16. +14 −0 tests/mozilla-reftests/border-image/center-scaling-3.html
  17. +54 −0 tests/mozilla-reftests/border-image/center-scaling-4b-ref.html
  18. +14 −0 tests/mozilla-reftests/border-image/center-scaling-4b.html
  19. +58 −0 tests/mozilla-reftests/border-image/center-scaling-4l-ref.html
  20. +14 −0 tests/mozilla-reftests/border-image/center-scaling-4l.html
  21. +52 −0 tests/mozilla-reftests/border-image/center-scaling-4lr-ref.html
  22. +14 −0 tests/mozilla-reftests/border-image/center-scaling-4lr.html
  23. +58 −0 tests/mozilla-reftests/border-image/center-scaling-4r-ref.html
  24. +14 −0 tests/mozilla-reftests/border-image/center-scaling-4r.html
  25. +54 −0 tests/mozilla-reftests/border-image/center-scaling-4t-ref.html
  26. +14 −0 tests/mozilla-reftests/border-image/center-scaling-4t.html
  27. +44 −0 tests/mozilla-reftests/border-image/center-scaling-4tb-ref.html
  28. +14 −0 tests/mozilla-reftests/border-image/center-scaling-4tb.html
  29. BIN  tests/mozilla-reftests/border-image/diamonds.png
  30. +18 −0 tests/mozilla-reftests/border-image/different-h-v-1.html
  31. +18 −0 tests/mozilla-reftests/border-image/different-h-v-2.html
  32. +18 −0 tests/mozilla-reftests/border-image/different-h-v-ref.html
  33. +37 −0 tests/mozilla-reftests/border-image/multicolor-image-1-ref.html
  34. +24 −0 tests/mozilla-reftests/border-image/multicolor-image-1.html
  35. +165 −0 tests/mozilla-reftests/border-image/multicolor-image-2-ref.html
  36. +98 −0 tests/mozilla-reftests/border-image/multicolor-image-2.html
  37. +55 −0 tests/mozilla-reftests/border-image/multicolor-image-3-ref.html
  38. +58 −0 tests/mozilla-reftests/border-image/multicolor-image-3.html
  39. +167 −0 tests/mozilla-reftests/border-image/multicolor-image-4-ref.html
  40. +115 −0 tests/mozilla-reftests/border-image/multicolor-image-4.html
  41. +167 −0 tests/mozilla-reftests/border-image/multicolor-image-5-ref.html
  42. +116 −0 tests/mozilla-reftests/border-image/multicolor-image-5.html
  43. +26 −0 tests/mozilla-reftests/border-image/reftest.list
  44. +57 −0 tests/mozilla-reftests/border-image/repeat-image-1-ref.html
  45. +35 −0 tests/mozilla-reftests/border-image/repeat-image-1.html
  46. BIN  tests/mozilla-reftests/border-image/reticule-bl.png
  47. BIN  tests/mozilla-reftests/border-image/reticule-bo.png
  48. BIN  tests/mozilla-reftests/border-image/reticule-br.png
  49. BIN  tests/mozilla-reftests/border-image/reticule-ct.png
  50. BIN  tests/mozilla-reftests/border-image/reticule-le.png
  51. BIN  tests/mozilla-reftests/border-image/reticule-ri.png
  52. BIN  tests/mozilla-reftests/border-image/reticule-tl.png
  53. BIN  tests/mozilla-reftests/border-image/reticule-to.png
  54. BIN  tests/mozilla-reftests/border-image/reticule-tr.png
  55. BIN  tests/mozilla-reftests/border-image/reticule.png
  56. BIN  tests/mozilla-reftests/border-image/roundrectbutton.png
  57. +28 −0 tests/mozilla-reftests/border-image/side-scaling-1h-ref.html
  58. +33 −0 tests/mozilla-reftests/border-image/side-scaling-1h.html
  59. +28 −0 tests/mozilla-reftests/border-image/side-scaling-1v-ref.html
  60. +33 −0 tests/mozilla-reftests/border-image/side-scaling-1v.html
  61. +11 −0 tests/mozilla-reftests/border-image/solid-image-1-ref.html
  62. +20 −0 tests/mozilla-reftests/border-image/solid-image-1.html
  63. +38 −0 tests/mozilla-reftests/border-image/solid-image-2-ref.html
  64. +42 −0 tests/mozilla-reftests/border-image/solid-image-2.html
  65. +42 −0 tests/mozilla-reftests/border-image/solid-image-2a.html
  66. +11 −0 tests/mozilla-reftests/border-image/transparent-image-1-ref.html
  67. +21 −0 tests/mozilla-reftests/border-image/transparent-image-1.html
View
4 tests/mozilla-reftests/README
@@ -0,0 +1,4 @@
+These test cases come from the layout reftests in the Mozilla source tree.
+They are modified to work with PIE where necessary.
+
+http://mxr.mozilla.org/mozilla-central/source/layout/reftests/
View
BIN  tests/mozilla-reftests/border-image/10x5multicolor.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  tests/mozilla-reftests/border-image/3x3green-1DD813.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  tests/mozilla-reftests/border-image/3x3multicolor.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  tests/mozilla-reftests/border-image/3x3transparent.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
6 tests/mozilla-reftests/border-image/470250-1-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<html><head>
+<title>border-image, only middle part, reference</title>
+</head><body>
+<img src="3x3green-1DD813.png" width="48" height="48">
+</body></html>
View
17 tests/mozilla-reftests/border-image/470250-1.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html><head>
+<title>border-image, only middle part, testcase</title>
+<style>
+div {
+ width: 48px;
+ height: 48px;
+ -webkit-border-image: url(3x3green-1DD813.png) 0 / 0;
+ -moz-border-image: url(3x3green-1DD813.png) 0 / 0;
+ border-image: url(3x3green-1DD813.png) 0 / 0;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+</head><body>
+<div></div>
+</body></html>
View
6 tests/mozilla-reftests/border-image/470250-2-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<html><head>
+<title>border-image, only middle part, table cell, reference</title>
+</head><body>
+<img src="3x3green-1DD813.png" width="48" height="48">
+</body></html>
View
17 tests/mozilla-reftests/border-image/470250-2.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html><head>
+<title>border-image, only middle part, table cell, testcase</title>
+<style>
+table {
+ width: 48px;
+ height: 48px;
+ border-collapse: separate;
+ -moz-border-image: url(3x3green-1DD813.png) 0 / 0;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+</head><body>
+<table>
+</table>
+</body></html>
View
BIN  tests/mozilla-reftests/border-image/4x4multicolor.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
64 tests/mozilla-reftests/border-image/center-scaling-1-ref.html
@@ -0,0 +1,64 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-tl.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-tr.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-bl.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-br.png" width="27" height="27"></div
+></body>
View
14 tests/mozilla-reftests/border-image/center-scaling-1.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+div {
+ border-width: 27px;
+ -webkit-border-image: url("reticule.png") 27 round;
+ -moz-border-image: url("reticule.png") 27 round;
+ border-image: url("reticule.png") 27 fill round;
+ width: 216px;
+ height: 108px;
+
+ behavior: url(../../../build/PIE_uncompressed.htc);
+}
+</style>
+<div></div>
View
44 tests/mozilla-reftests/border-image/center-scaling-2-ref.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-tl.png" width="54" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-tr.png" width="54" height="27"></div
+><div><img src="reticule-le.png" width="54" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ri.png" width="54" height="54"></div
+><div><img src="reticule-le.png" width="54" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ct.png" width="27" height="54"
+ ><img src="reticule-ri.png" width="54" height="54"></div
+><div><img src="reticule-bl.png" width="54" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-br.png" width="54" height="27"></div
+></body>
View
14 tests/mozilla-reftests/border-image/center-scaling-2.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+div {
+ border-width: 27px 54px;
+ -webkit-border-image: url("reticule.png") 27 round;
+ -moz-border-image: url("reticule.png") 27 round;
+ border-image: url("reticule.png") 27 fill round;
+ width: 216px;
+ height: 108px;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+<div></div>
View
40 tests/mozilla-reftests/border-image/center-scaling-3-ref.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-tl.png" width="27" height="54"
+ ><img src="reticule-to.png" width="54" height="54"
+ ><img src="reticule-to.png" width="54" height="54"
+ ><img src="reticule-to.png" width="54" height="54"
+ ><img src="reticule-to.png" width="54" height="54"
+ ><img src="reticule-tr.png" width="27" height="54"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ct.png" width="54" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-bl.png" width="27" height="54"
+ ><img src="reticule-bo.png" width="54" height="54"
+ ><img src="reticule-bo.png" width="54" height="54"
+ ><img src="reticule-bo.png" width="54" height="54"
+ ><img src="reticule-bo.png" width="54" height="54"
+ ><img src="reticule-br.png" width="27" height="54"></div
+></body>
View
14 tests/mozilla-reftests/border-image/center-scaling-3.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+div {
+ border-width: 54px 27px;
+ -webkit-border-image: url("reticule.png") 27 round;
+ -moz-border-image: url("reticule.png") 27 round;
+ border-image: url("reticule.png") 27 fill round;
+ width: 216px;
+ height: 108px;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+<div></div>
View
54 tests/mozilla-reftests/border-image/center-scaling-4b-ref.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-tl.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-tr.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+></body>
View
14 tests/mozilla-reftests/border-image/center-scaling-4b.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+div {
+ border-width: 27px 27px 0 27px;
+ -webkit-border-image: url("reticule.png") 27 round;
+ -moz-border-image: url("reticule.png") 27 round;
+ border-image: url("reticule.png") 27 fill round;
+ width: 216px;
+ height: 108px;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+<div></div>
View
58 tests/mozilla-reftests/border-image/center-scaling-4l-ref.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-tr.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-br.png" width="27" height="27"></div
+></body>
View
14 tests/mozilla-reftests/border-image/center-scaling-4l.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+div {
+ border-width: 27px 27px 27px 0;
+ -webkit-border-image: url("reticule.png") 27 round;
+ -moz-border-image: url("reticule.png") 27 round;
+ border-image: url("reticule.png") 27 fill round;
+ width: 216px;
+ height: 108px;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+<div></div>
View
52 tests/mozilla-reftests/border-image/center-scaling-4lr-ref.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"></div
+></body>
View
14 tests/mozilla-reftests/border-image/center-scaling-4lr.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+div {
+ border-width: 27px 0 27px 0;
+ -webkit-border-image: url("reticule.png") 27 round;
+ -moz-border-image: url("reticule.png") 27 round;
+ border-image: url("reticule.png") 27 fill round;
+ width: 216px;
+ height: 108px;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+<div></div>
View
58 tests/mozilla-reftests/border-image/center-scaling-4r-ref.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-tl.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"
+ ><img src="reticule-to.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"></div
+><div><img src="reticule-bl.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"></div
+></body>
View
14 tests/mozilla-reftests/border-image/center-scaling-4r.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+div {
+ border-width: 27px 0 27px 27px;
+ -webkit-border-image: url("reticule.png") 27 round;
+ -moz-border-image: url("reticule.png") 27 round;
+ border-image: url("reticule.png") 27 fill round;
+ width: 216px;
+ height: 108px;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+<div></div>
View
54 tests/mozilla-reftests/border-image/center-scaling-4t-ref.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-bl.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-bo.png" width="27" height="27"
+ ><img src="reticule-br.png" width="27" height="27"></div
+></body>
View
14 tests/mozilla-reftests/border-image/center-scaling-4t.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+div {
+ border-width: 0 27px 27px 27px;
+ -webkit-border-image: url("reticule.png") 27 round;
+ -moz-border-image: url("reticule.png") 27 round;
+ border-image: url("reticule.png") 27 fill round;
+ width: 216px;
+ height: 108px;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+<div></div>
View
44 tests/mozilla-reftests/border-image/center-scaling-4tb-ref.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<style>div { line-height: 0 }</style>
+<body
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+><div><img src="reticule-le.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ct.png" width="27" height="27"
+ ><img src="reticule-ri.png" width="27" height="27"></div
+></body>
View
14 tests/mozilla-reftests/border-image/center-scaling-4tb.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<style>
+div {
+ border-width: 0 27px 0 27px;
+ -webkit-border-image: url("reticule.png") 27 round;
+ -moz-border-image: url("reticule.png") 27 round;
+ border-image: url("reticule.png") 27 fill round;
+ width: 216px;
+ height: 108px;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+<div></div>
View
BIN  tests/mozilla-reftests/border-image/diamonds.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
18 tests/mozilla-reftests/border-image/different-h-v-1.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html><head>
+<style>
+div {
+ margin: 27px;
+ border-width: 1em;
+ -webkit-border-image: url("diamonds.png") 27 stretch round;
+ -moz-border-image: url("diamonds.png") 27 stretch round;
+ border-image: url("diamonds.png") 27 fill stretch round;
+ width: 270px;
+ height: 135px;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+<body>
+<div></div>
+</body></html>
View
18 tests/mozilla-reftests/border-image/different-h-v-2.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html><head>
+<style>
+div {
+ margin: 27px;
+ border-width: 1em;
+ -webkit-border-image: url("diamonds.png") 27 round stretch;
+ -moz-border-image: url("diamonds.png") 27 round stretch;
+ border-image: url("diamonds.png") 27 fill round stretch;
+ width: 270px;
+ height: 135px;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+<body>
+<div></div>
+</body></html>
View
18 tests/mozilla-reftests/border-image/different-h-v-ref.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html><head>
+<style>
+div {
+ margin: 27px;
+ border-width: 1em;
+ -webkit-border-image: url("diamonds.png") 27 stretch;
+ -moz-border-image: url("diamonds.png") 27 stretch;
+ border-image: url("diamonds.png") 27 fill stretch;
+ width: 270px;
+ height: 135px;
+
+ behavior: url(../../../build/PIE.htc);
+}
+</style>
+<body>
+<div></div>
+</body></html>
View
37 tests/mozilla-reftests/border-image/multicolor-image-1-ref.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>test of -moz-border-image</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">
+
+ table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+ td { padding: 0; }
+
+ </style>
+</head>
+<body>
+<table>
+ <col style="width: 7px">
+ <col style="width: 100px">
+ <col style="width: 7px">
+
+ <tr style="height: 7px">
+ <td style="background: #87f0b4"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #c98bb7"></td>
+ </tr>
+ <tr style="height: 5px">
+ <td style="background: #90a213"></td>
+ <td style="background: #c9aa7d"></td>
+ <td style="background: #90c157"></td>
+ </tr>
+ <tr style="height: 7px">
+ <td style="background: #9d57c1"></td>
+ <td style="background: #3a8e20"></td>
+ <td style="background: #0e6f6c"></td>
+ </tr>
+</table>
+</body>
+</html>
View
24 tests/mozilla-reftests/border-image/multicolor-image-1.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>test of -moz-border-image</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 */
+ -moz-border-image: url('3x3multicolor.png') 1 1 1 1 / 7px;
+ -khtml-border-image: url('3x3multicolor.png') 1 1 1 1 / 7px;
+ border-image: url('3x3multicolor.png') 1 1 1 1 fill / 7px;
+
+ behavior: url(../../../build/PIE.htc);
+ }
+
+ </style>
+</head>
+<body>
+<div style="width: 100px; height: 5px"></div>
+</body>
+</html>
View
165 tests/mozilla-reftests/border-image/multicolor-image-2-ref.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>test of -moz-border-image</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">
+
+ table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+ td { padding: 0; }
+ table { margin-bottom: 2px; }
+
+ </style>
+</head>
+<body>
+
+<table>
+ <col style="width: 11px">
+ <col style="width: 9px">
+ <col style="width: 6px">
+ <tr style="height: 4px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 1px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 8px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 4px">
+ <col style="width: 2px">
+ <col style="width: 1px">
+ <tr style="height: 3px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 17px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 0px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 3px">
+ <col style="width: 17px">
+ <col style="width: 2px">
+ <tr style="height: 10px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 8px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 5px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 0px">
+ <col style="width: 8px">
+ <col style="width: 7px">
+ <tr style="height: 5px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 5px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 1px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 2px">
+ <col style="width: 0px">
+ <col style="width: 8px">
+ <tr style="height: 4px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 8px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 10px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 2px">
+ <col style="width: 17px">
+ <col style="width: 0px">
+ <tr style="height: 4px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 0px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 10px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 0px">
+ <col style="width: 17px">
+ <col style="width: 3px">
+ <tr style="height: 1px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 0px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 0px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+</body>
+</html>
View
98 tests/mozilla-reftests/border-image/multicolor-image-2.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>test of -moz-border-image</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;
+
+ behavior: url(../../../build/PIE_uncompressed.htc);
+ }
+
+ div.one {
+ -moz-border-image: url(10x5multicolor.png) 2 2 1 3;
+ -khtml-border-image: url(10x5multicolor.png) 2 2 1 3;
+ border-image: url(10x5multicolor.png) 2 2 1 3 fill;
+ border-width: 4px 6px 8px 11px;
+ width: 9px;
+ height: 1px;
+ }
+
+ div.two {
+ -moz-border-image: url(10x5multicolor.png) 40% 20% 20% 30%;
+ -khtml-border-image: url(10x5multicolor.png) 40% 20% 20% 30%;
+ border-image: url(10x5multicolor.png) 40% 20% 20% 30% fill;
+ border-width: 3px 1px 0px 4px;
+ width: 2px;
+ height: 17px;
+ }
+
+ div.three {
+ -moz-border-image: url(10x5multicolor.png) 40% 2 1 30%;
+ -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30%;
+ border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+ border-width: 10px 2px 5px 3px;
+ width: 17px;
+ height: 8px;
+ }
+
+ div.four {
+ -moz-border-image: url(10x5multicolor.png) 2 2 20% 30%;
+ -khtml-border-image: url(10x5multicolor.png) 2 2 20% 30%;
+ border-image: url(10x5multicolor.png) 2 2 20% 30% fill;
+ border-width: 5px 7px 1px 0;
+ width: 8px;
+ height: 5px;
+ }
+
+ div.five {
+ border-width: 5px 6px 7px 8px; /* ignored */
+ border-width: 5px 6px 7px 8px ! important; /* ignored */
+ -moz-border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 8px 10px 2px;
+ -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 8px 10px 2px;
+ border-image: url(10x5multicolor.png) 40% 2 1 30% fill / 4px 8px 10px 2px;
+ border-width: 5px 6px 7px 8px; /* ignored */
+ border-width: 5px 6px 7px 8px ! important; /* ignored */
+ width: 0;
+ height: 8px;
+ }
+ div.five {
+ border-width: 5px 6px 7px 8px; /* ignored */
+ border-width: 5px 6px 7px 8px ! important; /* ignored */
+ }
+
+ div.six {
+ border-width: 5px 6px 7px 8px; /* ignored */
+ -moz-border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 0 10px 2px;
+ -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 0 10px 2px;
+ border-image: url(10x5multicolor.png) 40% 2 1 30% fill / 4px 0 10px 2px;
+ width: 17px;
+ height: 0;
+ }
+
+ div.seven {
+ -moz-border-image: url(10x5multicolor.png) 40% 2 1 30%;
+ -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30%;
+ border-image: url(10x5multicolor.png) 40% 2 1 30% fill;
+ border-width: 1px 3px 0 0;
+ width: 17px;
+ height: 0;
+ }
+
+ </style>
+</head>
+<body>
+<div class="one"></div>
+<div class="two"></div>
+<div class="three"></div>
+<div class="four"></div>
+<div class="five"></div>
+<div class="six"></div>
+<div class="seven"></div>
+</body>
+</html>
View
55 tests/mozilla-reftests/border-image/multicolor-image-3-ref.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>test of -moz-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 {
+ -moz-border-image: url(10x5multicolor.png) 2 2 2 2 / 4px 6px 8px 6px;
+ -khtml-border-image: url(10x5multicolor.png) 2 2 2 2 / 4px 6px 8px 6px;
+ border-image: url(10x5multicolor.png) 2 2 2 2 / 4px 6px 8px 6px;
+ width: 5px;
+ height: 2px;
+ }
+
+ div.two {
+ -moz-border-image: url(10x5multicolor.png) 2 1 2 1/ 4px 4px 4px 4px;
+ -khtml-border-image: url(10x5multicolor.png) 2 1 2 1/ 4px 4px 4px 4px;
+ border-image: url(10x5multicolor.png) 2 1 2 1/ 4px 4px 4px 4px;
+ width: 5px;
+ height: 2px;
+ }
+
+ div.three {
+ -moz-border-image: url(10x5multicolor.png) 2 3 1 3 / 4px 2px 4px 2px;
+ -khtml-border-image: url(10x5multicolor.png) 2 3 1 3 / 4px 2px 4px 2px;
+ border-image: url(10x5multicolor.png) 2 3 1 3 / 4px 2px 4px 2px;
+ width: 5px;
+ height: 2px;
+ }
+
+ div.four {
+ -moz-border-image: url(10x5multicolor.png) 2 3 1 1 / 4px 3px 4px 3px;
+ -khtml-border-image: url(10x5multicolor.png) 2 3 1 1 / 4px 3px 4px 3px;
+ border-image: url(10x5multicolor.png) 2 3 1 1 / 4px 3px 4px 3px;
+ 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>
View
58 tests/mozilla-reftests/border-image/multicolor-image-3.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>test of -moz-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;
+
+ behavior: url(../../../build/PIE.htc);
+ }
+
+ div.one {
+ -moz-border-image: url(10x5multicolor.png) 2 / 4px 6px 8px;
+ -khtml-border-image: url(10x5multicolor.png) 2 / 4px 6px 8px;
+ border-image: url(10x5multicolor.png) 2 / 4px 6px 8px;
+ width: 5px;
+ height: 2px;
+ }
+
+ div.two {
+ -moz-border-image: url(10x5multicolor.png) 2 1 / 4px;
+ -khtml-border-image: url(10x5multicolor.png) 2 1 / 4px;
+ border-image: url(10x5multicolor.png) 2 1 / 4px;
+ width: 5px;
+ height: 2px;
+ }
+
+ div.three {
+ -moz-border-image: url(10x5multicolor.png) 2 3 1;
+ -khtml-border-image: url(10x5multicolor.png) 2 3 1;
+ border-image: url(10x5multicolor.png) 2 3 1;
+ border-width: 4px 2px;
+ width: 5px;
+ height: 2px;
+ }
+
+ div.four {
+ -moz-border-image: url(10x5multicolor.png) 2 3 1 1 / 4px 3px;
+ -khtml-border-image: url(10x5multicolor.png) 2 3 1 1 / 4px 3px;
+ border-image: url(10x5multicolor.png) 2 3 1 1 / 4px 3px;
+ 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>
View
167 tests/mozilla-reftests/border-image/multicolor-image-4-ref.html
@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>test of -moz-border-image</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">
+
+ table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+ td { padding: 0; }
+ table { margin-bottom: 6px; }
+
+ </style>
+</head>
+<body>
+
+<div style="padding-top: 100px; padding-left: 100px">
+<table>
+ <col style="width: 22px">
+ <col style="width: 18px">
+ <col style="width: 12px">
+ <tr style="height: 12px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 3px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 24px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 8px">
+ <col style="width: 4px">
+ <col style="width: 2px">
+ <tr style="height: 9px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 51px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 0px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 6px">
+ <col style="width: 34px">
+ <col style="width: 4px">
+ <tr style="height: 30px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 24px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 15px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 0px">
+ <col style="width: 16px">
+ <col style="width: 14px">
+ <tr style="height: 15px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 15px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 3px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 4px">
+ <col style="width: 0px">
+ <col style="width: 16px">
+ <tr style="height: 12px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 24px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 30px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 4px">
+ <col style="width: 34px">
+ <col style="width: 0px">
+ <tr style="height: 12px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 0px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 30px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 0px">
+ <col style="width: 34px">
+ <col style="width: 6px">
+ <tr style="height: 3px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 0px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 0px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+</div>
+
+</body>
+</html>
View
115 tests/mozilla-reftests/border-image/multicolor-image-4.html
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>test of -moz-border-image</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">
+
+ /**
+ * This is a copy of multicolor-image-2.html with a few changes:
+ * (1) the whole thing is inside a -moz-transform
+ * (2) different border-images have different values for
+ * repeat/stretch/round
+ */
+
+ body {
+ width: 100px;
+ -moz-transform: translate(100px, 100px) scale(2,3);
+ -moz-transform-origin: 0 0;
+ -khtml-transform: translate(100px, 100px) scale(2,3);
+ -khtml-transform-origin: 0 0;
+ transform: translate(100px, 100px) scale(2,3);
+ transform-origin: 0 0;
+ }
+
+ div {
+ background: red; /* fail if this shows through */
+ background-image: url('3x3multicolor.png'); /* fail if this shows through */
+ margin-bottom: 2px;
+
+ behavior: url(../../../build/PIE.htc);
+ }
+
+ div.one {
+ -moz-border-image: url(10x5multicolor.png) 2 2 1 3 stretch;
+ -khtml-border-image: url(10x5multicolor.png) 2 2 1 3 stretch;
+ border-image: url(10x5multicolor.png) 2 2 1 3 stretch;
+ border-width: 4px 6px 8px 11px;
+ width: 9px;
+ height: 1px;
+ }
+
+ div.two {
+ -moz-border-image: url(10x5multicolor.png) 40% 20% 20% 30% repeat;
+ -khtml-border-image: url(10x5multicolor.png) 40% 20% 20% 30% repeat;
+ border-image: url(10x5multicolor.png) 40% 20% 20% 30% repeat;
+ border-width: 3px 1px 0px 4px;
+ width: 2px;
+ height: 17px;
+ }
+
+ div.three {
+ -moz-border-image: url(10x5multicolor.png) 40% 2 1 30% round;
+ -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% round;
+ border-image: url(10x5multicolor.png) 40% 2 1 30% round;
+ border-width: 10px 2px 5px 3px;
+ width: 17px;
+ height: 8px;
+ }
+
+ div.four {
+ -moz-border-image: url(10x5multicolor.png) 2 2 20% 30% stretch round;
+ -khtml-border-image: url(10x5multicolor.png) 2 2 20% 30% stretch round;
+ border-image: url(10x5multicolor.png) 2 2 20% 30% stretch round;
+ border-width: 5px 7px 1px 0;
+ width: 8px;
+ height: 5px;
+ }
+
+ div.five {
+ border-width: 5px 6px 7px 8px; /* ignored */
+ border-width: 5px 6px 7px 8px ! important; /* ignored */
+ -moz-border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 8px 10px 2px repeat stretch;
+ -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 8px 10px 2px repeat stretch;
+ border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 8px 10px 2px repeat stretch;
+ border-width: 5px 6px 7px 8px; /* ignored */
+ border-width: 5px 6px 7px 8px ! important; /* ignored */
+ width: 0;
+ height: 8px;
+ }
+ div.five {
+ border-width: 5px 6px 7px 8px; /* ignored */
+ border-width: 5px 6px 7px 8px ! important; /* ignored */
+ }
+
+ div.six {
+ border-width: 5px 6px 7px 8px; /* ignored */
+ -moz-border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 0 10px 2px round repeat;
+ -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 0 10px 2px round repeat;
+ border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 0 10px 2px round repeat;
+ width: 17px;
+ height: 0;
+ }
+
+ div.seven {
+ -moz-border-image: url(10x5multicolor.png) 40% 2 1 30% stretch repeat;
+ -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% stretch repeat;
+ border-image: url(10x5multicolor.png) 40% 2 1 30% stretch repeat;
+ border-width: 1px 3px 0 0;
+ width: 17px;
+ height: 0;
+ }
+
+ </style>
+</head>
+<body>
+<div class="one"></div>
+<div class="two"></div>
+<div class="three"></div>
+<div class="four"></div>
+<div class="five"></div>
+<div class="six"></div>
+<div class="seven"></div>
+</body>
+</html>
View
167 tests/mozilla-reftests/border-image/multicolor-image-5-ref.html
@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>test of -moz-border-image</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">
+
+ table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
+ td { padding: 0; }
+ table { margin-bottom: 2px; }
+
+ </style>
+</head>
+<body>
+
+<div style="padding-top: 100px; padding-left: 100px">
+<table>
+ <col style="width: 11px">
+ <col style="width: 9px">
+ <col style="width: 6px">
+ <tr style="height: 4px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 1px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 8px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 4px">
+ <col style="width: 2px">
+ <col style="width: 1px">
+ <tr style="height: 3px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 17px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 0px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 3px">
+ <col style="width: 17px">
+ <col style="width: 2px">
+ <tr style="height: 10px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 8px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 5px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 0px">
+ <col style="width: 8px">
+ <col style="width: 7px">
+ <tr style="height: 5px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 5px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 1px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 2px">
+ <col style="width: 0px">
+ <col style="width: 8px">
+ <tr style="height: 4px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 8px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 10px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 2px">
+ <col style="width: 17px">
+ <col style="width: 0px">
+ <tr style="height: 4px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 0px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 10px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+
+<table>
+ <col style="width: 0px">
+ <col style="width: 17px">
+ <col style="width: 3px">
+ <tr style="height: 1px">
+ <td style="background: #93bd5d"></td>
+ <td style="background: #b55dbd"></td>
+ <td style="background: #8d4921"></td>
+ </tr>
+ <tr style="height: 0px">
+ <td style="background: #21a02c"></td>
+ <td style="background: #4a298e"></td>
+ <td style="background: #ef9b23"></td>
+ </tr>
+ <tr style="height: 0px">
+ <td style="background: #9b733a"></td>
+ <td style="background: #f155ad"></td>
+ <td style="background: #adf3eb"></td>
+ </tr>
+</table>
+</div>
+
+</body>
+</html>
View
116 tests/mozilla-reftests/border-image/multicolor-image-5.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+ <title>test of -moz-border-image</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">
+
+ /**
+ * This is a copy of multicolor-image-2.html with a few changes:
+ * (1) the whole thing is inside a -moz-transform
+ * (2) different border-images have different values for
+ * repeat/stretch/round
+ */
+
+ body {
+ width: 100px;
+ /* This transform has no scale, and thus tests pixel-snapping codepaths! */
+ -moz-transform: translate(100px, 100px);
+ -moz-transform-origin: 0 0;
+ -khtml-transform: translate(100px, 100px);
+ -khtml-transform-origin: 0 0;
+ transform: translate(100px, 100px);
+ transform-origin: 0 0;
+ }
+
+ div {
+ background: red; /* fail if this shows through */
+ background-image: url('3x3multicolor.png'); /* fail if this shows through */
+ margin-bottom: 2px;
+
+ behavior: url(../../../build/PIE.htc);
+ }
+
+ div.one {
+ -moz-border-image: url(10x5multicolor.png) 2 2 1 3 stretch;
+ -khtml-border-image: url(10x5multicolor.png) 2 2 1 3 stretch;
+ border-image: url(10x5multicolor.png) 2 2 1 3 stretch;
+ border-width: 4px 6px 8px 11px;
+ width: 9px;
+ height: 1px;
+ }
+
+ div.two {
+ -moz-border-image: url(10x5multicolor.png) 40% 20% 20% 30% repeat;
+ -khtml-border-image: url(10x5multicolor.png) 40% 20% 20% 30% repeat;
+ border-image: url(10x5multicolor.png) 40% 20% 20% 30% repeat;
+ border-width: 3px 1px 0px 4px;
+ width: 2px;
+ height: 17px;
+ }
+
+ div.three {
+ -moz-border-image: url(10x5multicolor.png) 40% 2 1 30% round;
+ -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% round;
+ border-image: url(10x5multicolor.png) 40% 2 1 30% round;
+ border-width: 10px 2px 5px 3px;
+ width: 17px;
+ height: 8px;
+ }
+
+ div.four {
+ -moz-border-image: url(10x5multicolor.png) 2 2 20% 30% stretch round;
+ -khtml-border-image: url(10x5multicolor.png) 2 2 20% 30% stretch round;
+ border-image: url(10x5multicolor.png) 2 2 20% 30% stretch round;
+ border-width: 5px 7px 1px 0;
+ width: 8px;
+ height: 5px;
+ }
+
+ div.five {
+ border-width: 5px 6px 7px 8px; /* ignored */
+ border-width: 5px 6px 7px 8px ! important; /* ignored */
+ -moz-border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 8px 10px 2px repeat stretch;
+ -khtml-border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 8px 10px 2px repeat stretch;
+ border-image: url(10x5multicolor.png) 40% 2 1 30% / 4px 8px 10px 2px repeat stretch;
+ border-width: 5px 6px 7px 8px; /* ignored */
+ border-width: 5px 6px 7px 8px ! important; /* ignored */
+ width: 0;
+ height: 8px;