text-shadow

Value : none | [<color> || <length> <length> <length>? ,]* [<color> || <length> <length> <length>?] | inherit
Initial : none
Applies to : all elements
Inherited : no
Percentages :N/A
Media : visual

»ç¿ë ¿¹: 

H2 { text-shadow: 3px 3px 5px black}
NN4 CSS Bug Áö¿øÇÏÁö ¾ÊÀ½.
IE4 CSS Bug Áö¿øÇÏÁö ¾ÊÀ½.
±ÇÀå »ç¿ë¹ý(ÀÌ·¸°Ô »ç¿ëÇϼ¼¿ä..)


»ç¿ëÇϱâ

±ÛÀڵ鿡°Ô ±×¸²ÀÚ¸¦ ÀÔÈü´Ï´Ù. ±×¸²ÀÚÀÇ Å©±â´Â ²À ÁöÁ¤ÇؾßÇϰí blur³ª color´Â ÁöÁ¤Çصµ µÇ°í ¾ÈÇØµµ µË´Ï´Ù. ÁöÁ¤ÇÏ´Â Çü½ÄÀº <length> <length> µÎ°³¸¦ ÁöÁ¤Çϴµ¥ ù¹øÂ° length´Â ÁÂ¿ì °Å¸®ÀÔ´Ï´Ù. ¾ç¼ö´Â ¿À¸¥ÂÊÀ¸·Î À½¼ö´Â ¿ÞÂÊÀ¸·ÎÀÇ °Å¸®ÀÔ´Ï´Ù. µÎ¹øÂ° length´Â »óÇÏÀÇ °Å¸®¸¦ ÁöÁ¤ÇÏ°í ¾ç¼ö´Â À§·Î, À½¼ö´Â ¾Æ·¡·ÎÀÇ °Å¸®¸¦ ÁöÁ¤ÇÕ´Ï´Ù.

<length> <length> <length> 3°³ÀÇ length´Â ¾ÕÀÇ µÎ°³´Â ±×¸²ÀÚÀ̰í 3¹øÀçÀÇ length´Â È帮°Ô ÁöÁ¤ÇÏ´Â Å©±âÀÔ´Ï´Ù. ÀÌ È帮°Ô¸¦ ÁöÁ¤½Ã´Â 3¹øÂ°¿¡ À§Ä¡ÇØ¾ß ÇÕ´Ï´Ù. color´Â ¼ø¼­¿¡ »ó°ü¾øÀÌ ¾Æ¹«µ¥³ª ÁöÁ¤ÇÏ¸é µË´Ï´Ù.
H2 { text-shadow: 3px 3px 5px red}
´Â ¿À¸¥ÂÊÀ¸·Î 3px ¾Æ·¡·Î 3px ¸¸Å­ÀÇ ±×¸²ÀÚ¸¦ 5px È帰 red·Î ±×¸²ÀÚ¸¦ ¸¸µì´Ï´Ù.

H2 { text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px }
¹Ýº¹ÀûÀ¸·Îµµ ÁöÁ¤ÇÒ ¼ö ÀÖ½À´Ï´Ù. ½°Ç¥·Î ¿©·¯¹ø ÁöÁ¤ÇÏ´Â °ÍÀ» ±¸ºÐÇÕ´Ï´Ù.
SPAN.glow { 
       background: white; 
       color: white;
       text-shadow: black 0px 0px 5px;
}


T O P