letter-spacing Property


Home > Document > CSS > Text > letter-spacing

letter-spacing Property

letter-spacing Property ´Â ±ÛÀÚ°£ÀÇ °£°Ý Á¶ÀýÀ» ´Ù·ç´Â Property ÀÔ´Ï´Ù. ÇѱÛÀÇ °æ¿ì´Â »ç½Ç ´ú ÇÕ´Ï´Ù¸¸ ¿µ¹®ÀÚÀÇ °æ¿ì´Â ±ÛÀÚ °£°ÝÀÌ ³Ê¹« Á¼¾Æ¼­ ±ÛÀÚ¸¦ º¸¾ÒÀ» ¶§ È¥µ¿ÀÌ ¿Ã °æ¿ì°¡ ÀÖ½À´Ï´Ù. ¿¹¸¦ µé¾î 'class' °°Àº °æ¿ì 'c' ¿Í 'l' ÀÌ ºÙ¾î À־ 'd' ÀÚ·Î Âø°¢ÇÒ ¼ö Àִµ¥ ÀÌ ¶§ 'c' ¿Í 'l' ÀÇ °£°ÝÀ» Á¶Àý ÇÏ¹Ç·Î½á ±×·± È¥µ¿À» ÇÇÇÒ ¼ö ÀÖ½À´Ï´Ù.

  [Ç¥ º¸´Â ¹æ¹ý]
letter-spacing Property
Value normal | <length> | Inherit
Initial normal (0 : Zero)
Applies to all elements
Inherited yes
Percentages N/A
Media Visual
HTML Syntax { letter-spacing: sSpacing }
Scripting object.style.letterSpacing [ = sSpacing ]




CSS Scripting
onClick="this.style.letterSpacing='2px';"


±ÛÀÚ °£°Ý(letter-spacing)À» 2pixel·Î ¶ç¿ì±â
<HTML>
    <HEAD>
        <TITLE>letter-spacing Property</TITLE>
    </HEAD>
    <BODY>
        <DIV onMouseDown="this.style.letterSpacing='2px';" 
        onMouseUP="this.style.letterSpacing='';">
            ABCDEFGHIJKLMNOPQRSTUVWXYZ<BR>
            abcdefghijklmnopqrstuvwxyz<BR>
            0123456789<BR>
            ÇѱÛÀÇ °æ¿ì´Â »ç½Ç ´ú ÇÕ´Ï´Ù¸¸ ¿µ¹®ÀÚÀÇ °æ¿ì´Â ±ÛÀÚ °£°ÝÀÌ ³Ê¹« Á¼¾Æ¼­ ±ÛÀÚ¸¦ <BR>
            º¸¾ÒÀ» ¶§ È¥µ¿ÀÌ ¿Ã °æ¿ì°¡ ÀÖ½À´Ï´Ù. ¿¹¸¦ µé¾î 'class' °°Àº °æ¿ì 'c' ¿Í 'l' ÀÌ ºÙ¾î <BR>
            À־ 'd' ÀÚ·Î Âø°¢ÇÒ ¼ö Àִµ¥ ÀÌ ¶§ 'c' ¿Í 'l' ÀÇ °£°ÝÀ» Á¶Àý ÇÏ¹Ç·Î½á ±×·± È¥µ¿À» <BR>
            ÇÇÇÒ ¼ö ÀÖ½À´Ï´Ù.
        </DIV>
    </BODY>
</HTML>
Ãâ·Â°á°ú
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
ÇѱÛÀÇ °æ¿ì´Â »ç½Ç ´ú ÇÕ´Ï´Ù¸¸ ¿µ¹®ÀÚÀÇ °æ¿ì´Â ±ÛÀÚ °£°ÝÀÌ ³Ê¹« Á¼¾Æ¼­ ±ÛÀÚ¸¦
º¸¾ÒÀ» ¶§ È¥µ¿ÀÌ ¿Ã °æ¿ì°¡ ÀÖ½À´Ï´Ù. ¿¹¸¦ µé¾î 'class' °°Àº °æ¿ì 'c' ¿Í 'l' ÀÌ ºÙ¾î
À־ 'd' ÀÚ·Î Âø°¢ÇÒ ¼ö Àִµ¥ ÀÌ ¶§ 'c' ¿Í 'l' ÀÇ °£°ÝÀ» Á¶Àý ÇÏ¹Ç·Î½á ±×·± È¥µ¿À»
ÇÇÇÒ ¼ö ÀÖ½À´Ï´Ù.


´Ü¾î Áß Æ¯Á¤ ºÎºÐÀÇ °£°Ý¸¸ ¶ç¿ì±â

À§¿¡¼­ ¼³¸í ÇßµíÀÌ 'class' °°Àº ´Ü¾îÀÇ °æ¿ì¸¦ 'c' ¿Í 'l' ÀÇ °£°Ý¸¸ ¶ç¿ì´Â ¿¹Á¦¸¦ Çϳª ÇØ º¸µµ·Ï ÇÏÁÒ. ÀÌ °æ¿ì¿¡´Â ÁÙ ¹Ù²ÞÀÌ ÀϾÁö ¾Ê´Â SPAN Element ¸¦ »ç¿ëÇÏ¿© ÇÊ¿äÇÑ ºÎºÐÀÇ ÀÚ°£À» Á¶ÀýÇÕ´Ï´Ù.

ƯÁ¤ ºÎºÐÀÇ ÀÚ°£ Á¶ÀýÇϱâ
<HTML>
    <HEAD>
        <TITLE>ƯÁ¤ ºÎºÐÀÇ ÀÚ°£ Á¶ÀýÇϱâ</TITLE>
    <STYLE type="text/css">
    <!-- 
    .letter1 { letter-spacing : 1px;}
    -->
    </STYLE>
    </HEAD>
    <BODY>
        class  <!-- letter-spacingÀ» Á¶ÀýÇÏÁö ¾ÊÀº »óÅ -->
        <SPAN class="letter1">cl</SPAN>ass <!-- letter-spacing À» Á¶ÀýÇÑ »óÅ -->
    </BODY>
</HTML>
Ãâ·Â°á°ú
class
class





ÀÌ ¹®¼­ÀÇ ÀúÀÛ±ÇÀº www.cadvance.org ¿¡ ÀÖ½À´Ï´Ù.

Top
Back
New
°Ë»ö