layout/reftests/border-image/border-image-radial-gradient-slice-1.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-radial-gradient-slice-1.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,28 @@
     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</title>
     1.8 +<style>
     1.9 +div {
    1.10 +  border: 30px solid black;
    1.11 +  border-image: radial-gradient(ellipse 100% 50% at 50% 50%, blue 0%, red 100%);
    1.12 +  width: 180px;
    1.13 +  height: 180px;
    1.14 +}
    1.15 +div.border12 {
    1.16 +  border-image-slice: 12 12;
    1.17 +}
    1.18 +div.border30 {
    1.19 +  border-image-slice: 30 30;
    1.20 +}
    1.21 +div.border60 {
    1.22 +  border-image-slice: 60 60;
    1.23 +}
    1.24 +</style>
    1.25 +</head>
    1.26 +<body>
    1.27 +<div class="border12"></div>
    1.28 +<div class="border30"></div>
    1.29 +<div class="border60"></div>
    1.30 +</body>
    1.31 +</html>

mercurial