decorations-with-text-combine.html | Explore in Territory

<meta charset="utf-8">
<style>
    html {
        font-family: "hiragino mincho pron";
        font-size: 24px;
        -webkit-writing-mode: vertical-rl;
    }

    div {
        margin-block-end: 10px;
    }

    .combine {
        -webkit-text-combine: horizontal;
        color: blue;
    }

    .underline .decorated {
        text-decoration: underline;
    }

    .overline .decorated {
        text-decoration: overline;
    }

    .line-through .decorated {
        text-decoration: line-through;
    }

    .emphasis .decorated {
        -webkit-text-emphasis: open sesame;
    }
</style>
<body>
    <div class="underline">
        <div>
            その女<span class="combine decorated">1</span>がね<span class="combine decorated">123</span>かしつけに<span class="combine decorated">12345</span>来てくれるまで
        </div>
        <div class="decorated">
            その女<span class="combine">1</span>がね<span class="combine">123</span>かしつけに<span class="combine">12345</span>来てくれるまで
        </div>
    </div>

    <div class="overline">
        <div>
            その女<span class="combine decorated">1</span>がね<span class="combine decorated">123</span>かしつけに<span class="combine decorated">12345</span>来てくれるまで
        </div>
        <div class="decorated">
            その女<span class="combine">1</span>がね<span class="combine">123</span>かしつけに<span class="combine">12345</span>来てくれるまで
        </div>
    </div>

    <div class="line-through">
        <div>
            その女<span class="combine decorated">1</span>がね<span class="combine decorated">123</span>かしつけに<span class="combine decorated">12345</span>来てくれるまで
        </div>
        <div class="decorated">
            その女<span class="combine">1</span>がね<span class="combine">123</span>かしつけに<span class="combine">12345</span>来てくれるまで
        </div>
    </div>

    <div class="emphasis">
        <div>
            その女<span class="combine decorated">1</span>がね<span class="combine decorated">123</span>かしつけに<span class="combine decorated">12345</span>来てくれるまで
        </div>
        <div class="decorated">
            その女<span class="combine">1</span>がね<span class="combine">123</span>かしつけに<span class="combine">12345</span>来てくれるまで
        </div>
    </div>
</body>
chromium/third_party/blink/web_tests/virtual/text-antialias/decorations-with-text-combine.html
