71 lines
2.4 KiB
HTML
71 lines
2.4 KiB
HTML
<meta charset="utf-8">
|
|
<style>
|
|
body {
|
|
font-family: "hiragino mincho pron";
|
|
font-size: 24px;
|
|
-webkit-writing-mode: vertical-rl;
|
|
}
|
|
|
|
div {
|
|
-webkit-margin-after: 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>
|