¾ç¹æÇ⼺(bidirectional)¿¡ ´ëÇÑ ¿¥º£µù ¼öÁØÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

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

: (¼Ó¼º ¹®ÀÚ¿­)
½ºÅ¸ÀÏ ¼Ó¼ºÀº ¾ç¹æÇ⼺(bidirectional)¿¡ ´ëÇÑ ¿¥º£µù ¼öÁØÀ» ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

normal µðÆúÆ®À̸ç, ¿¤·¹¸àÆ®´Â Ãß°¡ÀûÀÎ ¼öÁØÀÇ ¿¥º£µùÀ» ÇÏÁö ¾Ê´Â´Ù. ÀζóÀÎ ¿¤·¹¸àÆ®¿¡¼­´Â ¿¤·¹¸àÆ® Áö¿ªÀÇ À籸¼ºÀÌ ¹«Á¶°Ç ÀÌ·ç¾îÁø´Ù.
embed ¿¤·¹¸àÆ®´Â Ãß°¡ÀûÀÎ ¼öÁØÀÇ ¿¥º£µùÀ» ÇÑ´Ù. direction ¼Ó¼º°ªÀº ±ò¸®´Â(¿¥º£µù) ¼öÁØÀ» ÁöÁ¤ÇÑ´Ù. À籸¼ºÀº ¿¤·¹¸àÆ® ¼Ó¿¡¼­ ¹«Á¶°Ç ÀÌ·ç¾î Áø´Ù.
bidi-override ¿¤·¹¸àÆ® ¼Ó¿¡¼­ À籸¼ºÀÌ direction ¼Ó¼º¿¡ ÀÇÇÏ¿© ¼ø¼­ÀûÀ¸·Î öÀúÇÏ°Ô ÀÌ·ç¾îÁö´Â °Í¸¸ Á¦¿ÜÇÏ°í´Â embed °ª°ú °°´Ù. ÀÌ °ªÀº ¾ç¹æÇ⼺ ±â´ÉÀ» µ¤¾î¾º¿î´Ù.

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

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

Ư±â

unicodeBidi ¼Ó¼ºÀº direction ¼Ó¼º°ú µ¿½Ã¿¡ »ç¿ëµÈ´Ù.

Unicode bidirectional ¾Ë°í¸®ÁòÀº ±ò¸° ±ÛÀÚµéÀÇ ¼ø¼­¸¦ »ó¼ÓµÈ direction¿¡ ÀÇÇÏ¿© ÀÚµ¿ÀûÀ¸·Î ¹æÇâÀ» ¹Ù²Û´Ù. ¿¹¸¦µé¾î ¿µ¾î¿¡¼­ ±âº» directionÀº ¿ÞÂÊ¿¡¼­ ¿À¸¥ÂÊÀ¸·Î(ltr) ÀÌ´Ù. ¹®¼­ÀÇ ÇÑ ¹®´ÜÀÌ ¿À¸¥ÂÊ¿¡¼­ ¿ÞÂÊÀ¸·Î(rtl)ÀÇ ÇÑ ¾ð¾î·Î ±¸¼ºµÇ¾î ÀÖÀ¸¸é, ±× ¾ð¾îÀÇ µð½ºÇ÷¹ÀÌ´Â ¸ðµÎ ¹Ù¸£°Ô ¿À¸¥ÂÊ¿¡¼­ ¿ÞÂÊÀ¸·Î µð½ºÇ÷¹À̵ȴÙ. ¾ç¹æÇ⼺ ¾Ë°í¸®ÁòÀ» Àû¿ëÇÏ´Â »ç¿ëµµ±¸(user agent)´Â ¾ð¾î ¹æÇâ¿¡ ¸Â°Ô ¿ª¹æÇâÀ¸·Î ¹è¿­ÇÑ´Ù.

Àû¿ë
°³Ã¼scriptCSS IE ¹öÀü
Âü°í

ÀÌ ¼Ó¼ºÀº CSS2(Cascading Style Sheets Level 2)¿¡ Á¤ÀǵǾú´Ù.


ÅؽºÆ®ÀÇ ¹æÇâ¿¡ ¸¶¿ì½º¸¦ ´ë º¸¶ó.
<DIV style="unicodeBidi:normal;direction:rtl;background-color:ffc;padding:5;color:blue;width:260"
  onmouseover="this.style.unicodeBidi='bidi-override';this.style.dirction='ltr'"
  onmouseout="this.style.unicodeBidi='';this.style.dirction=''">ÅؽºÆ®ÀÇ ¹æÇâ¿¡ ¸¶¿ì½º¸¦ ´ë º¸¶ó.</DIV>