公開日: 2025 年 2 月 21 日
HTML の <ruby> 要素を使用すると、ベーステキストの上にまたは横に音声アノテーションなどの補足情報を表示できます。東アジアの言語でよく使用されます。
<ruby> 要素は、メインテキストであるルビーベースと、<rt> 要素でマークアップされたアノテーション テキストであるルビーテキストの 2 つの主要部分で構成されています。
<ruby>
絵文字
<rt>emoji</rt>
</ruby>
日本語のベーステキストに対するアノテーションとして英語の発音。ruby-align
CSS プロパティ ruby-align は、ルビのベーステキストとルビ アノテーション テキストの配置を制御します。このプロパティには、space-around、space-between、start、center のいずれかのキーワード値を指定できます。
