webkit-background-origin-text.html (653B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>webkit-background-origin should not accept text as value</title> 4 <link rel="author" title="Rob Buis" href="rob.buis@chromium.org"> 5 <link rel="match" href="webkit-background-origin-text-ref.html"> 6 <meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-4400"> 7 <style> 8 #target { 9 width: 0px; 10 background-image: linear-gradient(green, green 50%, red 50%, red); 11 background-size: 200px 200px; 12 background-origin: border-box; 13 -webkit-background-origin: text; 14 padding: 25px; 15 border: 25px solid transparent; 16 } 17 </style> 18 <p>There should be a green square below and no red.</p> 19 <div id="target"></div>