layout/reftests/border-image/border-image-repeating-radial-gradient-width-ref.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-width-ref.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: radial-gradient with border-image-width</title>
     1.8 +<style>
     1.9 +table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
    1.10 +td { padding: 0; }
    1.11 +</style>
    1.12 +</head>
    1.13 +<body>
    1.14 +<table>
    1.15 +  <col style="width: 90px">
    1.16 +  <col style="width: 120px">
    1.17 +  <col style="width: 30px">
    1.18 +  <tr style="height: 15px">
    1.19 +    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:90px 15px;"></td>
    1.20 +    <td></td>
    1.21 +    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:30px 15px;"></td>
    1.22 +  </tr>
    1.23 +  <tr style="height: 165px">
    1.24 +    <td></td>
    1.25 +    <td style="background: white"></td>
    1.26 +    <td></td>
    1.27 +  </tr>
    1.28 +  <tr style="height: 60px">
    1.29 +    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:90px 60px;"></td>
    1.30 +    <td></td>
    1.31 +    <td style="background-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%); background-size:30px 60px;"></td>
    1.32 +  </tr>
    1.33 +</table>
    1.34 +</body>
    1.35 +</html>

mercurial