Tag HTML <ruby>

Le tag <ruby> définit les furigans (appelés aussi émigans ou rubis), les indices phonétiques en japonais et les langues d’Asie de l’Est. L'annotation au texte principal se trouve dans le tag <rp>. Il est affiché en petits caractères au-dessus des hiéroglyphes.

Le tag <rp> définit un texte alternatif, qui est affiché dans le navigateur, qui ne supporte pas le tag <ruby>.

Syntaxe

Le tag <rp> est apparié; le tag fermant est requis.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <ruby>
    明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp>
    </ruby>
  </body>
</html>

Résultat

Attributs

Le tag <ruby> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <ruby> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <ruby>:

Coloration du texte dans le tag HTML <ruby>:

Styles de mise en page du texte pour la tag HTML <ruby>:

Autres propriétés utiles pour le tag HTML <ruby>:


Support de Navigateurs

5+ 38+ 5+ 15+


Trouvez-vous cela utile?

Articles Associées