a ¿¤·¹¸àÆ® ¿¬°áÀÇ ½ºÅ¸ÀÏÀ» ¼³Á¤ÇÑ´Ù.
:link °¡»ó Ŭ¶ó½º(pseudo-class)ÀÇ µðÆúÆ®°ªÀº ºê¶ó¿ìÀú¿¡ µû¶ó ´Ù¸£°í, ¹æ¹®Çß´ø ±â·ÏÀÇ Áö¼Óµµ ºê¶ó¿ìÀú¿¡ µû¶ó ´Ù¸£´Ù.
¿¬°áÀÇ È°¼ºÈ´Â »ç¿ëÀÚ°¡ ¿¬°á¿¡ Ç×ÇØÇÏ¿© ¿¬°á¿¡¼ ÀϺΠ±â´ÉÀÌ ÀÛµ¿µÇ°í ¿Ï°áµÇÁö ¾ÊÀº »óÅÂÀÌ´Ù.
ÀϹÝÀûÀ¸·Î :link °¡»ó Ŭ¶ó½º(pseudo-class)´Â ¿¬°á¿¡ ÀÛ¿ëÇÏ´Â ´Ù¸¥ °¡»ó Ŭ¶ó½º :active, :hover ¿Í :visited¿Í ÇÔ²² »ç¿ëÇÑ´Ù.
IE3.0¿¡¼´Â :link °¡»óŬ¶ó½ºÀÇ °ªÀÌ :visited °¡»óŬ¶ó½º¿¡µµ Àû¿ëµÈ´Ù.
°³Ã¼ | script | CSS | IE ¹öÀü |
---|
ÀÌ °¡»ó Ŭ¶ó½º´Â CSS1(Cascading Style Sheets, Level 1)¿¡¼ Á¤ÀǵǾú´Ù.
°¡»ó Ŭ¶ó½º :link·Î font-weight¿Í color ¾ÖÆ®¸®ºäÆ®¸¦ ¼³Á¤ÇÑ´Ù. ¹æ¹®ÇÑ ÀûÀÌ ÀÖÀ¸¸é :visited°¡ Àû¿ëµÈ´Ù.
<STYLE>A:link { font-weight:bold; color:red;background-color:aqua}</STYLE> <A href="../style/color.html" onclick="return false">¿¬°á °¡»ó Ŭ¶ó½º</A>
´ÙÀ½ µÎ°¡Áö´Â °°ÀÌ Àû¿ëµÈ´Ù
<STYLE>:link { font-weight:bold; color:red;background-color:aqua}</STYLE> <STYLE>A:link { font-weight:bold; color:red;background-color:aqua}</STYLE>