rt °³Ã¼¿¡ ÀÇÇÏ¿© ÁöÁ¤µÈ ·çºñ ÅؽºÆ®ÀÇ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
cssSelector : (½ºÅ¸ÀÏ ¼±ÅÃÀÚ)
¼Ó¼ºÀ» °¡Áú¼ö ÀÖ´Â ¿¤·¹¸àÆ®()³ª Ŭ¶ó½º(class) À̸§ ȤÀº ÀνÄÀÚ(id)ÀÌ´Ù.

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº rt °³Ã¼¿¡ ÀÇÇÏ¿© ÁöÁ¤µÈ ·çºñ ÅؽºÆ®ÀÇ À§Ä¡¸¦ ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

above µðÆúÆ®À̸ç, ±âÃÊ ÅؽºÆ®ÀÇ À§ÂÊ¿¡ À§Ä¡ÇÏ¿© µð½ºÇ÷¹À̵ȴÙ.
inline ±âÃÊ ÅؽºÆ®¿Í °°Àº ÁÙ¿¡ À§Ä¡ÇÏ¿© µð½ºÇ÷¹À̵ȴÙ.

ÀÌ ¼Ó¼ºÀº currentStyle¿¡¼­´Â ÀбâÀü¿ëÀÌ°í, ±×¿ÜÀÇ °³Ã¼¿¡¼­´Â Àбâ/¾²±âÀ̸ç, µðÆúÆ®°ªÀº aboveÀÌ´Ù.

CSS(Cascading Style Sheets) ¾ÖÆ®¸®ºäÆ®´Â »ó¼ÓµÇÁö ¾Ê´Â´Ù.

Ư±â

rubyPosition ¼Ó¼ºÀº ruby °³Ã¼¿¡¼­ ¼³Á¤ÇÏ°í rt °³Ã¼¿¡¼­ Á¤ÀÇÇÑ ·çºñ ÅؽºÆ®ÀÇ À§Ä¡¸¦ ÁöÁ¤ÇÑ´Ù.

Àû¿ë
°³Ã¼scriptCSS IE ¹öÀü
ÂüÁ¶
rubyAlign rubyOverhang rubyPosition

ÀÌ ¼Ó¼ºÀº (¿µ¹®)CSS3(Cascading Style Sheets Level 3)¿¡¼­ Á¤ÀǵǾú´Ù.


Ruby base. Ruby text.

rubyObj.rubyPosition=
<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>