Content - 321aea9f3d93f31685878a14bfc67f9c3e9cf63e - dc68acd/text-decoration-line-recalc.html

text-decoration-line-recalc.html

<!doctype html>
<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-decoration-line">
<link rel="match" href="reference/text-decoration-line-recalc-ref.html">
<style>
    div {
        font-size: 50px;
        text-decoration: underline solid green;
    }
</style>
<script>
    onload = function() {
        target.style.textDecorationLine = "overline";
    };
</script>
<p>Test that changes in text-decoration-line are recalculated correctly. PASS
if the text below has a solid green overline, and no underline.</p>
<div id="target">
    Filler text
</div>