Elemen <ruby> HTML memungkinkan Anda menampilkan anotasi fonetik atau informasi tambahan lainnya di atas atau di samping teks dasar. Istilah ini biasa digunakan dalam bahasa Asia Timur.
Elemen <ruby> terdiri dari dua bagian utama, yaitu dasar ruby yang merupakan teks utama dan teks ruby yang merupakan teks anotasi, yang ditandai dengan elemen <rt>.
<ruby>
絵文字
<rt>emoji</rt>
</ruby>
Pengucapan bahasa Inggris sebagai anotasi atas teks dasar bahasa Jepang.
ruby-align
Properti CSS ruby-align mengontrol perataan teks dasar ruby dan teks anotasi ruby. Properti ini menerima salah satu nilai kata kunci, space-around, space-between, start, dan center.
Gambar yang menampilkan kasus penggunaan untuk properti ruby-align.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-02-21 UTC."],[],[]]