½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > Ä¿¹Â´ÏƼ > °ñµåÆÁ »ó¼¼º¸±â
Ä¿¹Â´ÏƼ ±¸Àα¸Á÷
»çÀÌÆ®µî·Ï
Ŭ¶ó¿ìµåű×
javascript
PHP
html
ASP
css
MYSQL
Mobile
image
jquery
slide
2023
2022
�޴�
ÇöÀçÁ¢¼ÓÀÚ ¸í »õ·Î°íħ
°Ô½ÃÆÇŸÀÌƲ °ñµåÆÁ / »ó¼¼º¸±â
Æ®À§ÅÍ·Î º¸³»±â
Ãßõ¼ö 711 | Á¶È¸¼ö 10,333 | µî·ÏÀÏ 2004-06-19 16:29:22

´Ð³×ÀÓ

HappyCGI

Á¦¸ñ

±âº»ÀûÀÎ ½ºÅ¸ÀÏ ½¬Æ® ű×
³»¿ë
¡á background-attachment : ¹è°æÀ» ±×¸²À¸·Î ÇÒ °æ¿ì ¹è°æ±×¸²ÀÇ °íÁ¤¹æ¹ýÀ» ¸»ÇÕ´Ï´Ù.
scroll | fixed µÎ°¡Áö°¡ ÀÖÀ¸¸ç fixed·Î ¼Ó¼ºÀ» ÁÖ¸é ¹è°æ±×¸²ÀÌ scrollbarÀÇ ¿òÁ÷ÀÓ°ú
»ó°ü¾øÀÌ Ç×»ó ±× ÀÚ¸®¿¡ °íÁ¤ÀÌ µË´Ï´Ù. ¸¹ÀÌµé ¾²´Â ¹æ¹ýÀÌÁö¿ä.
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="background-attachment:fixed">
 
¡á background-color : ¹è°æ»öÀ» ÁöÁ¤ÇÕ´Ï´Ù.
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="background-color:#ffcc33">
 
¡á background-image : ¹è°æÀ¸·Î »ç¿ëÇÒ À̹ÌÁö¸¦ ÁöÁ¤ÇØÁÝ´Ï´Ù.
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="background-image:url(À̹ÌÁöÁÖ¼Ò)">
 
¡á background-position : ¹è°æÀ¸·Î »ç¿ëÇÒ À̹ÌÁöÀÇ À§Ä¡¸¦ Á¶Á¤ÇÕ´Ï´Ù
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="width:400;height:250;background:url(sample-01.jpg);border:1x solid black;background-repeat:no-repeat;background-position:center center">
 
¡á background-positionX : ¹è°æÀ̹ÌÁöÀÇ À§Ä¡°íÁ¤À» °¡·ÎÃàÀ¸·Î ÁöÁ¤ÇÒ¶§ »ç¿ëÇÕ´Ï´Ù.
left | center | right Áß ÇϳªÀÔ´Ï´Ù.
À§ÀÇ background-position ³»¿ë¿¡ Æ÷ÇÔµÈ ³»¿ëÀÔ´Ï´Ù. Âü°í¸¸ Çϼ¼¿ä
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="background-positionX:left">
 
¡á background-positionY : ¹è°æÀ̹ÌÁöÀÇ À§Ä¡°íÁ¤À» ¼¼·ÎÃàÀ¸·Î ÁöÁ¤ÇÒ¶§ »ç¿ëÇÕ´Ï´Ù.
top | center | bottom Áß ÇϳªÀÔ´Ï´Ù.
À§ÀÇ background-position ³»¿ë¿¡ Æ÷ÇÔµÈ ³»¿ëÀÔ´Ï´Ù. Âü°í¸¸ Çϼ¼¿ä
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="background-positionY:top">
 
¡á background-repeat : ¹è°æÀ̹ÌÁö¸¦ ¹Ýº¹Çؼ­ ³ÖÀ»°ÍÀÎÁö ¾Æ´ÑÁö¸¦ ÁöÁ¤ÇØÁÝ´Ï´Ù.
repeat | no-repeat | repeat-x | repeat-y Áß ÇϳªÀÔ´Ï´Ù.
À̹ÌÁöº¸´Ù Å« ¹è°æ¿¡ Çϳª¸¸ ³Ö°í ½ÍÀ»¶§´Â no-repeat¸¦ »ç¿ëÇÏ½Ã¸é µË´Ï´Ù.
³ª¸ÓÁö´Â Çѹø¾¿ Çغ¸¼¼¿ä
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="background-repeat:no-repeat">
 
¡á border-bottom : °´Ã¼ÀÇ ÇÏ´Ü Å׵θ®¼±ÀÇ ¼Ó¼ºÀ» ÁöÁ¤ÇÕ´Ï´Ù.
border-left:¼±Àǵβ² ¼±ÀǽºÅ¸ÀÏ ¼±ÀÇ»ö»ó
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="border-bottom:1x dotted black">
 
¡á border-bottom-style : °´Ã¼ ÇÏ´ÜÀÇ Å׵θ®¼±ÀÇ ¸ð¾çÀ» Á¤ÇÕ´Ï´Ù.
none | dotted | dashed | solid | double | groove | ridge | inset | ouset
Å׵θ®¼±ÀÇ Å¸ÀÔÀ» Á¤ÇØÁִ°ÍÀ¸·Î 8°¡ÁöÀÇ Å¸ÀÔÀÌ ÀÖ½À´Ï´Ù.
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="border-bottom-style:dotted">
 
¡á border-left : °´Ã¼ÀÇ ¿ÞÂÊÅ׵θ®¼±ÀÇ ¼Ó¼ºÀ» ÁöÁ¤ÇÕ´Ï´Ù.
border-left:¼±Àǵβ² ¼±ÀǽºÅ¸ÀÏ ¼±ÀÇ»ö»ó
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="border-left:1x dotted black">
 
¡á border-left-style : °´Ã¼ ÁÂÃøÀÇ Å׵θ®¼±ÀÇ ¸ð¾çÀ» Á¤ÇÕ´Ï´Ù.
none | dotted | dashed | solid | double | groove | ridge | inset | ouset
Å׵θ®¼±ÀÇ Å¸ÀÔÀ» Á¤ÇØÁִ°ÍÀ¸·Î 8°¡ÁöÀÇ Å¸ÀÔÀÌ ÀÖ½À´Ï´Ù.
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="border-left-style:dotted">
 
¡á border-right : °´Ã¼ÀÇ ¿À¸¥ÂÊÅ׵θ®¼±ÀÇ ¼Ó¼ºÀ» ÁöÁ¤ÇÕ´Ï´Ù.
border-left:¼±Àǵβ² ¼±ÀǽºÅ¸ÀÏ ¼±ÀÇ»ö»ó
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="border-right:1x dotted black">
 
¡á border-right-style : °´Ã¼ ¿ìÃøÀÇ Å׵θ®¼±ÀÇ ¸ð¾çÀ» Á¤ÇÕ´Ï´Ù.
none | dotted | dashed | solid | double | groove | ridge | inset | ouset
Å׵θ®¼±ÀÇ Å¸ÀÔÀ» Á¤ÇØÁִ°ÍÀ¸·Î 8°¡ÁöÀÇ Å¸ÀÔÀÌ ÀÖ½À´Ï´Ù.
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="border-right-style:dotted">
 
¡á border-top : °´Ã¼ »ó´ÜÀÇ Å׵θ®¼±ÀÇ ¼Ó¼ºÀ» ÁöÁ¤ÇÕ´Ï´Ù.
border-left:¼±Àǵβ² ¼±ÀǽºÅ¸ÀÏ ¼±ÀÇ»ö»ó
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="border-top:1x dotted black">
 
¡á border-top-style : °´Ã¼ »ó´ÜÀÇ Å׵θ®¼±ÀÇ ¸ð¾çÀ» Á¤ÇÕ´Ï´Ù.
none | dotted | dashed | solid | double | groove | ridge | inset | ouset
Å׵θ®¼±ÀÇ Å¸ÀÔÀ» Á¤ÇØÁִ°ÍÀ¸·Î 8°¡ÁöÀÇ Å¸ÀÔÀÌ ÀÖ½À´Ï´Ù.
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="border-top-style:dotted">
 
¡á color : °´Ã¼¾È¿¡ ¾²¿©Áú ÅؽºÆ®ÀÇ »ö»óÀ» ÁöÁ¤ÇÕ´Ï´Ù.
black | color
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="color:navy">
 
¡á cursor : ¸¶¿ì½º Æ÷ÀÎÅÍÀÇ ¸ð¾çÀ» Ç¥ÇöÇÕ´Ï´Ù
¸¶¿ì½ºÆ÷ÀÎÅÍÀÇ Å¸ÀÔÀ» Á¤ÇØÁÖ´Â ½ºÅ¸ÀϽÃÆ®ÀÔ´Ï´Ù.
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="cursor:hand
 
¡á display : ÇöÀç º¸ÀÌ´Â °´Ã¼ÀÇ À¯¹«»óŸ¦ ÁöÁ¤ÇÕ´Ï´Ù.
ÀÌ°Å¿Í ºñ½ÁÇÑ°ÍÀ¸·Î visibility°¡ ÀÖÀ¸³ª ºÐ¸íÈ÷ Ʋ¸³´Ï´Ù.
visibility´Â hiddenÀ¸·Î ÇßÀ»°æ¿ì º¸ÀÌÁö´Â ¾Ê¾Æµµ ºê¶ó¿ìÁ®¿¡ Ç¥½Ã°¡ µÇ´Â »óÅÂÁö¸¸ display´Â noneÀ¸·Î ÇßÀ»°æ¿ì ºê¶ó¿ìÁ® ÀÚü¿¡¼­ »ç¶óÁý´Ï´Ù. ¾ø´Ù°í ÀνÄÇÑ´Ù´Â ¾ê±âÀÌÁö¿ä.
block | none | inline ÀÌ¿Ü¿¡µµ Á¾·ù°¡ 4°¡Áö°¡ ´õ ÀÖÁö¸¸ º° Çʿ伺À» ¸ø´À³§´Ï´Ù.
¸Ó¸®¸¸ ¾ÆÇÁÁö¿ä! ^^
ÇÏÁö¸¸ "³­ ¸Ó¸®°¡ ¾ÆÆĵµ ÇÒ¼öÀÖ´Ù!"°í ÇϽô ºÐÀ» À§Çؼ­.....
inline-block | list-item | table-header-group | table-footer-group
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="display:none">
 
¡á font-family : °´Ã¼¾È¿¡ ¾²¿©Áú ±Û²ÃÀ» Á¤ÇÕ´Ï´Ù.
font-family:±Û²ÃŸÀÔ
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="font-family:µ¸¿ò,±Ã¼­,¹ÙÅÁ">
 
¡á font-size : ±Û²ÃÀÇ Å©±â¸¦ ÁöÁ¤ÇÕ´Ï´Ù.
font-size:±Û²ÃÅ©±â
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="font-size:9pt">
 
¡á font-style : ±Û²Ã ÀÚüÀÇ ¼Ó¼ºÀ» Á¤ÇÕ´Ï´Ù.
font-style:normal | italic | oblique
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="font-style:normal">
 
¡á font-weight : ±Û²ÃÀÇ µÎ²²¸¦ Á¤ÇØÁÝ´Ï´Ù. ±×³É <b></b>¶û °°Àº°Å¶ó »ý°¢ÇÏ½Ã¸é µË´Ï´Ù.
font-weight:normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="font-weight:bold">
 
¡á ime-mode : Æû¹®ÀÇ ÅؽºÆ®¹Ú½º¾È¿¡ µé¾î°¥ ¹®ÀåÀÌ ÇѱÛÀÎÁö ¿µ¹®ÀÎÁö ÁöÁ¤ÇØÁÝ´Ï´Ù
<input type=text style="ime-mode:inactive"> ¿µ¹®
<input type=text style="ime-mode:active"> ÇѱÛ

 
¡á letter-spacing : ±ÛÀÚ¿Í ±ÛÀÚ »çÀÌÀÇ °£°ÝÀ» ÁöÁ¤ÇÕ´Ï´Ù.
letter-spacing:normal | ±ÛÀÚ°£°Ý
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="letter-spacing:3pt">
 
¡á line-height : ±ÛÀÚÇà°ú Çà°£ÀÇ °£°ÝÀ» Á¶Á¤ÇÕ´Ï´Ù
´ÜÀ§´Â cm, mm, in, pt, pc ¶Ç´Â px ´ÜÀ§ÀÔ´Ï´Ù.
line-height:Çà°ú Çà»çÀÌÀÇ °£°Ý
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="line-height:15pt">
 
¡á text-align : °´Ã¼ÀÇ XÃà Á¤·Ä»óŸ¦ ÁöÁ¤ÇÕ´Ï´Ù.
À̸§°°ÀÌ ´Ü¼øÈ÷ ±ÛÀÚ¶ó±âº¸´Ù´Â °´Ã¼·Î ¾Æ½Ã´Â°Ô ÁÁ½À´Ï´Ù. DIV³ª SPAN, TABLEµî ¸ðµç °´Ã¼ÀÇ Á¤·Ä¹æ¹ýÀÔ´Ï´Ù.°´Ã¼ÀÇ XÃà Á¤·ÄÀ̶ó°í »ý°¢ÇÏ½É µË´Ï´Ù.
ÀÌ°Í°ú ¹Ý´ëµÇ´Â °ÍÀÌ vertical-alignÀÔ´Ï´Ù.
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="text-align:left | center | right">
 
¡á vertical-align : °´Ã¼ÀÇ YÃà Á¤·Ä¹æ½ÄÀ» ÁöÁ¤ÇÕ´Ï´Ù.
À̸§°°ÀÌ ´Ü¼øÈ÷ ±ÛÀÚ¶ó±âº¸´Ù´Â °´Ã¼·Î ¾Æ½Ã´Â°Ô ÁÁ½À´Ï´Ù. DIV³ª SPAN, TABLEµî ¸ðµç °´Ã¼ÀÇ Á¤·Ä¹æ¹ýÀÔ´Ï´Ù.°´Ã¼ÀÇ YÃà Á¤·ÄÀ̶ó°í »ý°¢ÇÏ½É µË´Ï´Ù.
ÀÌ°Í°ú ¹Ý´ëµÇ´Â °ÍÀÌ text-alignÀÔ´Ï´Ù.
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="vertical-align:top | center | bottom">
 
¡á visibility : °´Ã¼¸¦ º¸¿©ÁÙ°ÍÀÎÁö ¾Æ´ÑÁö Á¶Á¤ÇÕ´Ï´Ù.
Áï DHTMLÇÊÅÍÁß alpha°ªÀÌ 100 ÀÎÁö 0 ÀÎÁö µÑÁß Çϳª¸¦ ÅÃÀÏÇϴ°ÍÀÔ´Ï´Ù.
¾î¶»°Ô º¸¸é display¿Í ºñ½ÁÇÑ°Å °°Áö¸¸ ¿ÏÀüÈ÷ Ʋ¸³´Ï´Ù. display´Â °´Ã¼ ÀÚü¸¦ ¾ø¾Ö´Â°ÅÁö¿ä. display¿Í ÀÚ¼¼È÷ ºñ±³ÇØ º¸¸é ¾Æ½Ç°Ì´Ï´Ù. visibility´Â À¥ÆäÀÌÁö Á¦À۽à ¹«Ã´ ¸¹ÀÌ »ç¿ëÇϴ°ÍÀ̱⠶§¹®¿¡ ¹Ýµå½Ã ¼÷ÁöÇÏ½Ã¸é ¸¹Àº µµ¿òÀÌ µÉ°ÍÀÔ´Ï´Ù.
visibility:inherit | visible | hidden
ÄÚµù¿¹Á¦ : <°´Ã¼¸í style="visiblity:hidden">
Ãßõ½ºÅ©·¦¼Ò½ºº¸±â ¸ñ·Ï
kukuboy 2007-04-16 20:47:22
´ä±Û

Âü ÁÁÀºÆÁÀ̳׿ä²À ÇÊ¿äÇÑ°Å¿´´Âµ¥ °¨»çÇÕ´Ï´Ù.

ÀÌÀü°Ô½Ã±Û [PHP] XP publishing wizard¸¦ ÀÌ¿ëÇÑ ¾÷·Îµù »ùÇà ÆÄÀÏ 2004-06-17 16:52:21
´ÙÀ½°Ô½Ã±Û [HTML] ÀÌ·± ű׵µ ÀÖ¾ú±º¿ä. ¹Ú½ºÅÂ±× 2004-06-19 16:57:34