ruby-align là Baseline Mới có

Mariko Kosaka

Ngày xuất bản: 21 tháng 2 năm 2025

Phần tử <ruby> HTML cho phép bạn hiển thị chú thích về âm vị học hoặc thông tin bổ sung khác ở phía trên hoặc bên cạnh văn bản cơ sở. Kiểu chữ này thường được dùng trong các ngôn ngữ Đông Á.

Phần tử <ruby> bao gồm hai phần chính, phần cơ sở ruby là văn bản chính và văn bản ruby là văn bản chú thích, được đánh dấu bằng phần tử <rt>.


<ruby>
  絵文字
  <rt>emoji</rt>
</ruby>

Chú thích ruby tiếng Anh &quot;Emoji&quot; trên văn bản tiếng Nhật.
Phát âm tiếng Anh dưới dạng chú thích trên văn bản cơ sở tiếng Nhật.

ruby-align

Thuộc tính CSS ruby-align kiểm soát cách căn chỉnh văn bản cơ sở ruby và văn bản chú thích ruby. Thuộc tính này chấp nhận một trong các giá trị từ khoá là space-around, space-between, startcenter.

Chú thích ruby Pinyin trên văn bản tiếng Trung.
Hình ảnh minh hoạ trường hợp sử dụng thuộc tính ruby-align.