本記事では、HTMLで表示させているテキストにルビ(ふりがな)を振る方法について解説しています。Amazon調べ)Amazonで探す楽天市場で探すYahoo!ショッピングで探すポチップ目次ルビ(ふりがな)を振る方法テキストにふりがなを振るには、<ruby>タグと<rt>タグを使います。鮪<rt>まぐろ</tr></ruby>ふりがなを振りたい漢字<ruby>タグで囲い、その後ろに<rt>タグでふりがなを設定します。CodePen.ルビ(ふりがな)の文字サイズを調整する方法ふりがなの文字サイズを調整するには、font-sizeプロパティを使います。適用させるタグは<rt>です。CodePen.<rt>にfont-sizeプロパティを適用させる場合、全てのふりがなが同じサイズになってしまうため、一部のふりがなのみ文字サイズを調整する場合は<rt>に特定のクラスを付与させ、そのクラスに対してfont-sizeプロパティを適用させます。font-size:0.9em;}ルビ(ふりがな)の位置を調整する方法ふりがなの位置はデフォルトで等間隔に配置することが設定されています。左寄せ・中央寄せ・右寄せにしたい場合はtext-alignプロパティを使います。こちらも文字サイズと同様に<rt>に適用させます。AGENTは、国内最大級の転職支援実績を持つIT・Web業界に強い転職エージェントです。詳細をみるフリーランス案件紹介サイトMidworksは豊富な案件と「フリーランス」と「正社員」の、良いとこ取りをした働き方を実現する手厚い保障が特徴のエージェントです。月額980円で読み放題。