小文字の上つけ・下つけ・中つけ

[( 上つけの小文字]

[(_ 下つけの小文字]

[(- 中つけの小文字]

・・・OSCI　

オスシOSCI

🍣 🍣 🍣 OSCI

++++++++++++++++++オスシ

オスシ食べたい人いる？

code:style.css

:root {

--MY-Ruby-SW: 1;

}

:not(.cursor-line) > .text class$="deco-\( deco-\_" ,

:not(.cursor-line) > .text class$="deco-\( deco-\-" ,

:not(.cursor-line) > .text class$="deco-\(" {

height: 14px; /* サイズはお好みで　*/

font-size: 0.6em;

padding: 0px 1px;

justify-content: space-around;

position: absolute;

z-index: 1;

opacity: calc(var(--MY-Ruby-SW) *1.0); /* 透過スイッチ */

}

:not(.cursor-line) > .text class$="deco-\(" { /* 行間に合わせて調整が必要！！ */

margin-top: -1.30em;

}

:not(.cursor-line) > .text class$="deco-\( deco-\_" {

margin-top: 1.30em;

}

:not(.cursor-line) > .text class$="deco-\( deco-\-" {

margin-top: 0.03em;

}