1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/border-image/border-image-repeating-linear-gradient-repeat-round-2.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: linear-gradient with border-image-repeat</title> 1.8 +<style> 1.9 +div { 1.10 + border: 30px solid black; 1.11 + border-image: repeating-linear-gradient(to bottom right, red, blue 10%, red 20%); 1.12 + width: 180px; 1.13 + height: 180px; 1.14 +} 1.15 +div.border60round { 1.16 + border-image-repeat: round; 1.17 + border-image-slice: 60; 1.18 +} 1.19 +div.border60fillround { 1.20 + border-image-repeat: round; 1.21 + border-image-slice: 60 fill; 1.22 +} 1.23 +div.border30fill2round { 1.24 + border-image-repeat: round; 1.25 + border-image-slice: 30 fill; 1.26 + border-image-width: 2; 1.27 +} 1.28 +</style> 1.29 +</head> 1.30 +<body> 1.31 +<div class="border60round"></div> 1.32 +<div class="border60fillround"></div> 1.33 +<div class="border30fill2round"></div> 1.34 +</body> 1.35 +</html>