underline-thickness-rounding-dppx2-1-ref.html (634B)
1 <!doctype html> 2 <html reftest-zoom="2.0"> 3 <meta charset="utf-8"> 4 <title>Reference: Underline thickness 1px at effective 2x zoom (2 device px)</title> 5 <style> 6 html, body { margin: 0; background: white; } 7 .test { 8 font: 40px/1 sans-serif; 9 color: black; 10 text-decoration-line: underline; 11 text-decoration-style: solid; 12 text-decoration-color: black; 13 text-decoration-skip-ink: none; 14 /* 0.5 CSS px -> 1 device px at 2x zoom */ 15 text-decoration-thickness: 0.5px; 16 } 17 .pad { height: 40px; } 18 </style> 19 <div style="width:240px"> 20 <div class="pad"></div> 21 <div class="test">TEST TEST TEST</div> 22 </div> 23 </html>