ruby-align jest ustawiony na Baseline (Nowo dostępne).

Mariko Kosaka

Data publikacji: 21 lutego 2025 r.

Element HTML <ruby> umożliwia wyświetlanie adnotacji fonetycznych lub innych informacji uzupełniających nad tekstem podstawowym lub obok niego. Jest ono powszechnie używane w językach wschodnioazjatyckich.

Element <ruby> składa się z 2 głównych części: podstawy rubinowej, która jest tekstem głównym, oraz tekstu rubiny, który jest tekstem adnotacji oznaczonym elementem <rt>.


<ruby>
  絵文字
  <rt>emoji</rt>
</ruby>

Angielska adnotacja &quot;Emoji&quot; nad tekstem w języku japońskim.
Wymowa angielska jako adnotacja do tekstu podstawowego w języku japońskim.

ruby-align

Właściwość CSS ruby-align kontroluje wyrównanie tekstu podstawowego i adnotacji. Właściwość ta akceptuje jedną z tych wartości słowa kluczowego: space-around, space-between, startcenter.

Adnotacja w pinyinie na chińskim tekście.
Obraz pokazujący przykład użycia właściwości ruby-align.