layout/reftests/border-image/border-image-repeating-radial-gradient-slice-width.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-slice-width.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,29 @@
     1.4 +<!DOCTYPE html>
     1.5 +<html lang="en-US">
     1.6 +<head>
     1.7 +<title>test of border-image-source: radial-gradient with border-image-slice and border-image-width</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 +  border-image-width: 0.5 1 2 3;
    1.13 +  width: 180px;
    1.14 +  height: 180px;
    1.15 +}
    1.16 +div.border12 {
    1.17 +  border-image-slice: 12 12;
    1.18 +}
    1.19 +div.border30 {
    1.20 +  border-image-slice: 30 30;
    1.21 +}
    1.22 +div.border60 {
    1.23 +  border-image-slice: 60 60;
    1.24 +}
    1.25 +</style>
    1.26 +</head>
    1.27 +<body>
    1.28 +<div class="border12"></div>
    1.29 +<div class="border30"></div>
    1.30 +<div class="border60"></div>
    1.31 +</body>
    1.32 +</html>

mercurial