overline-thickness-rounding-1-ref.html

Enable keyboard shortcuts

<!doctype html>

<meta charset="utf-8">

<title>Reference: Overline thickness 1px</title>

<style>

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

  .test {

    font: 40px/1 sans-serif;

    color: black;

    text-decoration-line: overline;

    text-decoration-style: solid;

    text-decoration-color: black;

    text-decoration-skip-ink: none;

    text-decoration-thickness: 1px;

  .pad { height: 40px; }

</style>

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

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