line-through-thickness-rounding-1.html (621B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Line-through thickness upward rounding test (0.6px should equal 1px)</title> 4 <style> 5 html, body { margin: 0; background: white; } 6 .test { 7 font: 40px/1 sans-serif; 8 color: black; 9 text-decoration-line: line-through; 10 text-decoration-style: solid; 11 text-decoration-color: black; 12 text-decoration-skip-ink: none; 13 text-decoration-thickness: 0.6px; /* Rounds via ceil(t * DPR) with a minimum of 1 device px; here 0.6 CSS px → 1 device px at DPR=1 */ 14 } 15 .pad { height: 40px; } 16 </style> 17 <div class="pad"></div> 18 <div class="test">TEST TEST TEST</div>