line-through-thickness-rounding-1.html

Enable keyboard shortcuts

<!doctype html>

<meta charset="utf-8">

<title>Line-through thickness upward rounding test (0.6px should equal 1px)</title>

<style>

  html, body { margin: 0; background: white; }

  .test {

    font: 40px/1 sans-serif;

    color: black;

    text-decoration-line: line-through;

    text-decoration-style: solid;

    text-decoration-color: black;

    text-decoration-skip-ink: none;

    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 */

  .pad { height: 40px; }

</style>

<div class="pad"></div>

<div class="test">TEST TEST TEST</div>