lh-unit-same-element-font-size-dependency.html (702B)
1 <!DOCTYPE html> 2 <title>Test same-element font-size 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: 2em; 13 font-size: 50px; 14 width: 100px; 15 color: transparent; 16 } 17 </style> 18 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 19 <div>.</div>