El elemento <ruby> de HTML te permite mostrar anotaciones fonéticas o cualquier otra información complementaria sobre o junto al texto base. Se usa comúnmente en los idiomas del este de Asia.
Un elemento <ruby> consta de dos partes principales: la base de ruby, que es el texto principal, y el texto de ruby, que es el texto de la anotación, marcado con el elemento <rt>.
<ruby>
絵文字
<rt>emoji</rt>
</ruby>
Pronunciación en inglés como una anotación sobre el texto base en japonés.
ruby-align
La propiedad CSS ruby-align controla la alineación del texto base de ruby y el texto de la anotación de ruby. La propiedad acepta uno de los valores de palabra clave, space-around, space-between, start y center.
Imagen que muestra el caso de uso de la propiedad ruby-align.
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-02-21 (UTC)"],[],[]]