lh-unit-same-element-line-height-dependency.html (685B)
1 <!DOCTYPE html> 2 <title>Test same-element line-height dependency with lh unit</title> 3 <link rel="author" title="Tim Nguyen" href="https://github.com/nt1m"> 4 <link rel="help" href="https://drafts.csswg.org/css-values/#font-relative-lengths"> 5 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 6 <meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-5000"> 7 <style> 8 div { 9 background-image: linear-gradient(green, green); 10 background-repeat: no-repeat; 11 background-size: 100px 1lh; 12 line-height: 100px; 13 width: 100px; 14 color: transparent; 15 } 16 </style> 17 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 18 <div>.</div>