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>
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.
Bild, das den Anwendungsfall für die Property „ruby-align“ zeigt
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-02-21 (UTC)."],[],[]]