ruby-align è ora disponibile come valore di base

Mariko Kosaka

Pubblicato: 21 febbraio 2025

L'elemento HTML <ruby> ti consente di visualizzare annotazioni fonetiche o altre informazioni supplementari sopra o accanto al testo di base. È comunemente utilizzato nelle lingue dell'Asia orientale.

Un elemento <ruby> è costituito da due parti principali: la base ruby, ovvero il testo principale, e il testo ruby, ovvero il testo dell'annotazione, contrassegnati dall'elemento <rt>.


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

Annotazione ruby in inglese &quot;Emoji&quot; su un testo giapponese.
Pronuncia inglese come annotazione sul testo di base giapponese.

ruby-align

La proprietà CSS ruby-align controlla l'allineamento del testo di base e del testo dell'annotazione ruby. La proprietà accetta uno dei valori della parola chiave space-around, space-between, start e center.

Annotazione ruby pinyin su un testo cinese.
Immagine che mostra il caso d'uso per la proprietà ruby-align.