<ruby>の配置を制御するruby-align

Chrome128でruby要素が改行可能になり、ルビの配置を制御できるようになった。

<ruby style="ruby-align: space-around;">
  青眼の白龍
  <rt>ブルーアイズホワイトドラゴン</rt>
</ruby>

<ruby style="ruby-align: space-between;">
  青眼の白龍
  <rt>ブルーアイズホワイトドラゴン</rt>
</ruby>

<ruby style="ruby-align: start;">
  青眼の白龍
  <rt>ブルーアイズホワイトドラゴン</rt>
</ruby>

<ruby style="ruby-align: center;">
  青眼の白龍
  <rt>ブルーアイズホワイトドラゴン</rt>
</ruby>

デモ

※FirefoxとChrome128以降でのみ動作する。

追記: 2024-08-29

Safari TP 202でruby-alignがサポートされた。残りはEdge。

ブラウザ対応状況