HTML の <ruby> 要素は、特に東アジア言語のテキスト表示を改善するための強力なツールです。この要素を使用すると、ベーステキストの上または横に発音の注釈やその他の補足情報を表示できます。Chrome 128 以降では、Ruby アノテーションが改行可能になり、ruby-align CSS プロパティを使用して Ruby テキストのスタイルを設定できるようになります。 <ruby> 要素は 2 つの主要な部分からなります。ルビーベース(メインテキスト)とルビーテキスト(アノテーション テキスト)は、<rt> 要素でマークアップされています。Ruby テキストは、次の例に示すように、ルビーベースの上または下に表示できます。 <ruby style="ruby-position: under;"> 강남대로 <rt>江南大路</rt> </ruby> <ph type="x-smartl
![改行可能な ruby 要素と CSS ruby-align プロパティ | Blog | Chrome for Developers](https://cdn-ak-scissors.b.st-hatena.com/image/square/d5816dade6306fccd649aef15990c098d4cca0bc/height=288;version=1;width=512/https%3A%2F%2Fdeveloper.chrome.com%2Fstatic%2Fblog%2Fline-breakable-ruby%2Fimage%2Fthumb.png%3Fhl%3Dja)