CSS Æ÷Áö¼Å´×(Positioning) |
|
|
 |
14³â Àü |
CSS·Î ·¹À̾ƿôÀ» Àâ´Â °æ¿ì°¡ ´Ã¾î³ª°í Àֱ⿡ Æ÷Áö¼Å´×(Positioning)ÀÇ Á߿伺ÀÌ °Á¶µÇ°í ÀÖ½À´Ï´Ù.
Æ÷Áö¼Å´×¿¡ ÀÌ¿ëµÇ´Â CSS ¼Ó¼ºÀº ¾Æ·¡¿Í °°½À´Ï´Ù.
bottom
À§Ä¡µÈ ¿ä¼ÒÀÇ ¾Æ·¡ÂÊ °£°ÝÀ» ÁöÁ¤ÇÕ´Ï´Ù.
clip
³ÑÃÄÈ帥 ¿ä¼ÒÀÇ Àß·ÁÁ® º¸ÀÌ´Â ¿µ¿ªÀ» ÁöÁ¤ÇÕ´Ï´Ù. ¿µ¿ª¿¡ Æ÷ÇÔµÇÁö ¾ÊÀº ºÎºÐÀº ¼û°ÜÁý´Ï´Ù.
left
À§Ä¡µÈ ¿ä¼ÒÀÇ ¿ÞÂÊ °£°ÝÀ» ÁöÁ¤ÇÕ´Ï´Ù.
overflow
³ÑÃÄÈ帥(overflow) ¿ä¼Ò¸¦ º¸ÀÏÁö, °¨ÃâÁö, ½ºÅ©·ÑÇÒÁö¸¦ ÁöÁ¤ÇÕ´Ï´Ù.
position
¿ä¼Ò°¡ À§Ä¡ÇÒ ¹æ½ÄÀ» ÁöÁ¤ÇÕ´Ï´Ù.
right
À§Ä¡µÈ ¿ä¼ÒÀÇ ¿À¸¥ÂÊ °£°ÝÀ» ÁöÁ¤ÇÕ´Ï´Ù.
top
À§Ä¡µÈ ¿ä¼ÒÀÇ À§ÂÊ °£°ÝÀ» ÁöÁ¤ÇÕ´Ï´Ù.
vertical-align
¿ä¼ÒÀÇ ¼öÁ÷ Á¤·ÄÀ» ÁöÁ¤ÇÕ´Ï´Ù.
z-index
À§Ä¡µÈ ¿ä¼ÒÀÇ zÃà ¼ø¼¸¦ ÁöÁ¤ÇÕ´Ï´Ù.
|
|
̵̧ : 353 |
̵̧
¸ñ·Ï
|
|