rt °³Ã¼¿¡ ÀÇÇÏ¿© ÁöÁ¤µÈ ·çºñ ÅؽºÆ®ÀÇ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
above | µðÆúÆ®À̸ç, ±âÃÊ ÅؽºÆ®ÀÇ À§ÂÊ¿¡ À§Ä¡ÇÏ¿© µð½ºÇ÷¹À̵ȴÙ. |
inline | ±âÃÊ ÅؽºÆ®¿Í °°Àº ÁÙ¿¡ À§Ä¡ÇÏ¿© µð½ºÇ÷¹À̵ȴÙ. |
ÀÌ ¼Ó¼ºÀº currentStyle¿¡¼´Â ÀбâÀü¿ëÀÌ°í, ±×¿ÜÀÇ °³Ã¼¿¡¼´Â Àбâ/¾²±âÀ̸ç, µðÆúÆ®°ªÀº aboveÀÌ´Ù.
CSS(Cascading Style Sheets) ¾ÖÆ®¸®ºäÆ®´Â »ó¼ÓµÇÁö ¾Ê´Â´Ù.
rubyPosition ¼Ó¼ºÀº ruby °³Ã¼¿¡¼ ¼³Á¤ÇÏ°í rt °³Ã¼¿¡¼ Á¤ÀÇÇÑ ·çºñ ÅؽºÆ®ÀÇ À§Ä¡¸¦ ÁöÁ¤ÇÑ´Ù.
°³Ã¼ | script | CSS | IE ¹öÀü |
---|
ÀÌ ¼Ó¼ºÀº (¿µ¹®)CSS3(Cascading Style Sheets Level 3)¿¡¼ Á¤ÀǵǾú´Ù.
<RUBY id=oRuby style = "ruby-position: inline;color:blue"> Ruby base. <RT style="color:red">Ruby text.</RT></RUBY> <P> <BUTTON onclick="oRuby.style.rubyPosition='above';showA.innerText=oRuby.style.rubyPosition">above</BUTTON> <BUTTON onclick="oRuby.style.rubyPosition='inline';showA.innerText=oRuby.style.rubyPosition">inline</BUTTON> </P> <DIV>rubyObj.rubyPosition=<SPAN id=showA style="color:blue"></SPAN></DIV>