„ruby-align“ ist jetzt als Baseline verfügbar

Mariko Kosaka

Veröffentlicht: 21. Februar 2025

Mit dem HTML-Element <ruby> können Sie phonetische Anmerkungen oder andere ergänzende Informationen über oder neben dem Basistext anzeigen. Sie wird häufig in ostasiatischen Sprachen verwendet.

Ein <ruby>-Element besteht aus zwei Hauptteilen: dem Ruby-Base-Element, dem Haupttext, und dem Ruby-Text-Element, dem Anmerkungstext, der mit dem <rt>-Element markiert ist.


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

Englischer Ruby-Vermerk „Emoji“ über einem japanischen Text.
Englische Aussprache als Anmerkung über japanischen Basistext.

ruby-align

Die CSS-Eigenschaft ruby-align steuert die Ausrichtung des Ruby-Grundtexts und des Ruby-Hinweistexts. Für die Property sind die Keyword-Werte space-around, space-between, start und center zulässig.

Pinyin-Ruby-Anmerkungen über einem chinesischen Text.
Bild, das den Anwendungsfall für die Property „ruby-align“ zeigt