background-gradient-subpixel-fills-area.html (1209B)
1 <!DOCTYPE html> 2 <html lang="en-GB" xml:lang="en-GB" xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Background Test: Gradient backgrounds should fill the positioning area</title> 5 <link rel="author" title="schenney" href="mailto:schenney@chromium.org"> 6 <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-background-origin"> 7 <link rel="match" href="reference/background-gradient-subpixel-fills-area-ref.html"> 8 <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-6800"> 9 <style> 10 ul { 11 width: 396.875px; 12 overflow: auto; 13 padding: 0; 14 list-style: none; 15 background-color: red; 16 } 17 18 li { 19 float: left; 20 } 21 22 div { 23 display: block; 24 width: 19.6875px; 25 height: 17px; 26 padding: 20px 10px; 27 background: linear-gradient(to bottom, green 0%, darkgreen 100%) darkgreen; 28 } 29 </style> 30 </head> 31 <body> 32 <ul> 33 <li><div></div></li> 34 <li><div></div></li> 35 <li><div></div></li> 36 <li><div></div></li> 37 <li><div></div></li> 38 <li><div></div></li> 39 <li><div></div></li> 40 <li><div></div></li> 41 <li><div></div></li> 42 <li><div></div></li> 43 </ul> 44 </body> 45 </html>