ÀÌ ÇÊÅÍ°¡ Àû¿ëµÉ °³Ã¼´Â »çÀü¿¡ Á¤ÀÇµÈ ·¹À̾ƿô(layout)À» °¡Á®¾ß ÇÑ´Ù.

  1. °³Ã¼ÀÇ ³Êºñ(width)¿Í ³ôÀÌ(height)¸¦ ÁöÁ¤Çϰųª,
  2. position¼Ó¼ºÀ» absolute·Î ¼³Á¤Çϰųª,
  3. writingMode ¼Ó¼ºÀ» tb-rl·Î ¼³Á¤Çϰųª,
  4. contentEditable ¼Ó¼ºÀ» true·Î ¼³Á¤Çϸé
·¹À̾ƿôÀÌ »ý¼ºµÈ´Ù.

¿©·¯ ÇÊÅ͸¦ µ¿½Ã¿¡ ÁöÁ¤ÇÒ °æ¿ì¿¡´Â °¢ ÇÊÅÍÀÇ ¼Ó¼ºµéÀ» ¼³Á¤ÇÏ¸é µÈ´Ù.

º¹ÇÕÀû ÇÊÅÍ È¿°ú ¿¹Á¦
<DIV STYLE="width:500;font-size:30;line-height:1.2em;
  filter:[progid:DXImageTransform.Microsoft.]MotionBlur(strength=15,direction=135);
    [progid:DXImageTransform.Microsoft.]Blur(pixelradius=3);border:solid 1 silver;margin-left:1em;
    [progid:DXImageTransform.Microsoft.]Wheel(duration=5);">º¹ÇÕÀû ÇÊÅÍ È¿°ú ¿¹Á¦
</DIV>

ÇÊÅÍÀÇ Àû¿ë ¼ø¼­´Â ¼øÂ÷ÀûÀ̹ǷΠ°­Á¶ÇÒ ÇÊÅÍ È¿°ú¸¦ °¡Àå ³ªÁß¿¡ ¿­°ÅÇÏ´Â °ÍÀÌ ÁÁ´Ù.