blob: 040ce2b8414e1df7b835056d9df95065bdf67510 [file] [log] [blame]
<meta charset="utf-8">
<style>
body {
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>