L'élément HTML <ruby> vous permet d'afficher des annotations phonétiques ou d'autres informations supplémentaires au-dessus ou à côté du texte de base. Il est couramment utilisé dans les langues d'Asie de l'Est.
Un élément <ruby> se compose de deux parties principales : la base ruby, qui correspond au texte principal, et le texte ruby, qui correspond au texte d'annotation, marqué avec l'élément <rt>.
<ruby>
絵文字
<rt>emoji</rt>
</ruby>
Prononciation en anglais en tant qu'annotation sur le texte de base en japonais.
ruby-align
La propriété CSS ruby-align contrôle l'alignement du texte de base et du texte d'annotation Ruby. La propriété accepte l'une des valeurs de mot clé, space-around, space-between, start et center.
Image illustrant l'utilisation de la propriété ruby-align.
Ce contenu vous a-t-il été utile ?
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/02/21 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2025/02/21 (UTC)."],[],[]]