layout/reftests/border-image/border-image-repeating-radial-gradient-slice-fill-2.html

Wed, 31 Dec 2014 06:55:50 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:55:50 +0100
changeset 2
7e26c7da4463
permissions
-rw-r--r--

Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2

     1 <!DOCTYPE html>
     2 <html lang="en-US">
     3 <head>
     4 <title>test of border-image-source: radial-gradient with border-image-slice and fill</title>
     5 <style>
     6 div {
     7   border: 30px solid black;
     8   border-image: repeating-radial-gradient(ellipse farthest-corner, red, blue 20%, red 40%);
     9   width: 180px;
    10   height: 180px;
    11 }
    12 div.border1260 {
    13   border-image-slice: 12 60 fill;
    14 }
    15 div.border6012 {
    16   border-image-slice: 60 12 fill;
    17 }
    18 </style>
    19 </head>
    20 <body>
    21 <div class="border1260"></div>
    22 <div class="border6012"></div>
    23 </body>
    24 </html>

mercurial