layout/reftests/border-radius/percent-3.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/border-radius/percent-3.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,37 @@
     1.4 +<!doctype html>
     1.5 +<html><head><title>Border radius with percent units &mdash; test</title>
     1.6 +<style>
     1.7 +div { border-radius: 25% / 10%; background: green; }
     1.8 +.r1 { height: 20px; } .c1 { width: 20px; }
     1.9 +.r2 { height: 40px; } .c2 { width: 40px; }
    1.10 +.r3 { height: 60px; } .c3 { width: 60px; }
    1.11 +.r4 { height: 80px; } .c4 { width: 80px; }
    1.12 +</style>
    1.13 +</head><body>
    1.14 +<table>
    1.15 +  <tr>
    1.16 +    <td><div class="r1 c1"></div></td>
    1.17 +    <td><div class="r1 c2"></div></td>
    1.18 +    <td><div class="r1 c3"></div></td>
    1.19 +    <td><div class="r1 c4"></div></td>
    1.20 +  </tr>
    1.21 +  <tr>
    1.22 +    <td><div class="r2 c1"></div></td>
    1.23 +    <td><div class="r2 c2"></div></td>
    1.24 +    <td><div class="r2 c3"></div></td>
    1.25 +    <td><div class="r2 c4"></div></td>
    1.26 +  </tr>
    1.27 +  <tr>
    1.28 +    <td><div class="r3 c1"></div></td>
    1.29 +    <td><div class="r3 c2"></div></td>
    1.30 +    <td><div class="r3 c3"></div></td>
    1.31 +    <td><div class="r3 c4"></div></td>
    1.32 +  </tr>
    1.33 +  <tr>
    1.34 +    <td><div class="r4 c1"></div></td>
    1.35 +    <td><div class="r4 c2"></div></td>
    1.36 +    <td><div class="r4 c3"></div></td>
    1.37 +    <td><div class="r4 c4"></div></td>
    1.38 +  </tr>
    1.39 +</table>
    1.40 +</body></html>

mercurial