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>

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.
