layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-round-2.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/border-image/border-image-repeating-radial-gradient-repeat-round-2.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,32 @@
     1.4 +<!DOCTYPE html>
     1.5 +<html lang="en-US">
     1.6 +<head>
     1.7 +<title>test of border-image-source: linear-gradient with border-image-repeat</title>
     1.8 +<style>
     1.9 +div {
    1.10 +  border: 30px solid black;
    1.11 +  border-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%);
    1.12 +  width: 180px;
    1.13 +  height: 180px;
    1.14 +}
    1.15 +div.border60round {
    1.16 +  border-image-repeat: round;
    1.17 +  border-image-slice: 60;
    1.18 +}
    1.19 +div.border60fillround {
    1.20 +  border-image-repeat: round;
    1.21 +  border-image-slice: 60 fill;
    1.22 +}
    1.23 +div.border30fill2round {
    1.24 +  border-image-repeat: round;
    1.25 +  border-image-slice: 30 fill;
    1.26 +  border-image-width: 2;
    1.27 +}
    1.28 +</style>
    1.29 +</head>
    1.30 +<body>
    1.31 +<div class="border60round"></div>
    1.32 +<div class="border60fillround"></div>
    1.33 +<div class="border30fill2round"></div>
    1.34 +</body>
    1.35 +</html>

mercurial