1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/border-image/multicolor-image-3.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,63 @@
1.4 +<!DOCTYPE html>
1.5 +<html lang="en-US">
1.6 +<head>
1.7 + <title>test of border-image: number repetition</title>
1.8 + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
1.9 + <meta http-equiv="Content-Style-Type" content="text/css">
1.10 + <style type="text/css">
1.11 +
1.12 + div {
1.13 + background: red; /* fail if this shows through */
1.14 + background-image: url('3x3multicolor.png'); /* fail if this shows through */
1.15 + margin-bottom: 2px;
1.16 + }
1.17 +
1.18 + div.one {
1.19 + border-width: 4px 6px 8px;
1.20 + border-style: solid;
1.21 + border-image: url(10x5multicolor.png) 2;
1.22 + -khtml-border-image: url(10x5multicolor.png) 2;
1.23 + border-image: url(10x5multicolor.png) 2;
1.24 + width: 5px;
1.25 + height: 2px;
1.26 + }
1.27 +
1.28 + div.two {
1.29 + border-width: 4px;
1.30 + border-style: solid;
1.31 + border-image: url(10x5multicolor.png) 2 1;
1.32 + -khtml-border-image: url(10x5multicolor.png) 2 1;
1.33 + border-image: url(10x5multicolor.png) 2 1;
1.34 + width: 5px;
1.35 + height: 2px;
1.36 + }
1.37 +
1.38 + div.three {
1.39 + border-image: url(10x5multicolor.png) 2 3 1;
1.40 + -khtml-border-image: url(10x5multicolor.png) 2 3 1;
1.41 + border-image: url(10x5multicolor.png) 2 3 1;
1.42 + border-width: 4px 2px;
1.43 + border-style: solid;
1.44 + width: 5px;
1.45 + height: 2px;
1.46 + }
1.47 +
1.48 + div.four {
1.49 + border-width: 4px 3px;
1.50 + border-style: solid;
1.51 + border-image: url(10x5multicolor.png) 2 3 1 1;
1.52 + -khtml-border-image: url(10x5multicolor.png) 2 3 1 1;
1.53 + border-image: url(10x5multicolor.png) 2 3 1 1;
1.54 + width: 5px;
1.55 + height: 2px;
1.56 + }
1.57 +
1.58 + </style>
1.59 +</head>
1.60 +<body>
1.61 +<div class="one"></div>
1.62 +<div class="two"></div>
1.63 +<div class="three"></div>
1.64 +<div class="four"></div>
1.65 +</body>
1.66 +</html>
