CSSで文章の下にルビをつけてみた

更新日:

ルビをつけたい場合はrubyタグを使います。 <ruby><rb>漢字</rb><rt>かんじ</rt></ruby> のように使います。

See the Pen ルビの位置 by codinglesslife (@codinglesslife) on CodePen.

 ruby-position:under; というCSSプロパティでルビの位置を変えることができます。

ブラウザによってはプロパティが効かない場合があるのでtransformプロパティを使います。

参考

-CSS
-,

Copyright© LESS , 2019 All Rights Reserved Powered by STINGER.