ruby-align adalah Dasar Pengukuran yang baru tersedia

Mariko Kosaka

Dipublikasikan: 21 Februari 2025

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>

Anotasi ruby bahasa Inggris &#39;Emoji&#39; di atas teks bahasa Jepang.
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.

Anotasi ruby pinyin di atas teks bahasa China.
Gambar yang menampilkan kasus penggunaan untuk properti ruby-align.