<rt>ï¼Ruby ææ¬åç´

Baseline

Widely available

This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2015å¹´7æ.

<rt> HTML åç´ ç¨æ¼æå® ruby æ³¨éç ruby ææ¬é¨åï¼ç¨æ¼çºæ±äºæçæä¾ç¼é³ãç¿»è¯æé³è¯ä¿¡æ¯ã<rt> åç´ å¿é å§çµåå«å¨ä¸å <ruby> åç´ ä¸ã

åè©¦ä¸ä¸

<ruby>
  æ¼¢ <rp>(</rp><rt>kan</rt><rp>)</rp> å <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

ruby {
  font-size: 2em;
}

è«åè¦ <ruby> åç´ çæç« ä»¥ç²åæ´å¤ç¯ä¾ã

è©²åç´ ååå«å¨åå±¬æ§ã

html

<ruby> æ¼¢ <rt>Kan</rt> å <rt>ji</rt> </ruby>

body {
  font-size: 22px;
}

å§å®¹åé¡	ç¡
åè¨±çå§å®¹	æ®µè½åå§å®¹ã
æ¨ç±¤çç¥	å¦æ `<rt>` åç´ å¾é¢ç·è·èä¸å `<rt>` æ `<rp>` åç´ ï¼æèå¾é¢æ²ææ´å¤çå§å®¹ï¼åçµææ¨ç±¤å¯ä»¥çç¥ã
åè¨±çç¶åç´	ä¸å `<ruby>` åç´ ã
é±å« ARIA è§è²	æ²å°æçè§è²
åè¨±ç ARIA è§è²	ä»»ä½
DOM ä»é¢	`HTMLElement`