font-style Property


Home > Document > CSS > Font > font-style

font-style Property

font-style Property´Â º¸Åë ±ÛÀÚ(normal style), ±â¿ï¾îÁø ±ÛÀÚ(italic, oblique)µîÀÇ ÇüŸ¦ ´Ù·ç´Â Property ÀÔ´Ï´Ù. º¸Åë ±ÛÀÚ¸¦ ±â¿ïÀÏ ¼öµµ ÀÖ°í, <I> <EM> µî ±â¿ï¾îÁø ±Û²Ã¿¡ normalÀ» ÁöÁ¤ÇÏ¿© ¶È¹Ù·Î ¼¼¿ï ¼öµµ ÀÖ½À´Ï´Ù. ¿Ö ±â¿ï¾îÁø ±ÛÀÚ¸¦ ¼¼¿ö¾ß µÇ´ÂÁö´Â ¸ð¸£Áö¸¸...

  [Ç¥ º¸´Â ¹æ¹ý]
font-style Property
Value normal | italic | oblique | Inherit
Initial Normal
Applies to all elements
Inherited Yes
Percentages N/A
Media Visual
HTML Syntax { font-style: sStyle }
Scripting object.style.fontStyle [ = sStyle ]




CSS Scripting
onMouseOver="this.style.fontStyle='italic';"


font-style DHTML

normal to italic normal to italic - ¸¶¿ì½º¸¦ ¿Ã·Á ÁÖ¼¼¿ä.

italic to normal italic to normal - Ŭ¸¯ÇØ ÁÖ¼¼¿ä.

Source code
<HTML>
    <HEAD>
        <TITLE>font-style</TITLE>
    <STYLE type="text/css">
    <!-- 
    .normal {font-size:16px;}
    .italic {font-size:16px; font-style:italic /*¶Ç´Â oblique*/} 
    -->
    </STYLE>
    </HEAD>
    <BODY>
        <P class="normal" onmouseover="this.className='italic';"
        onmouseout="this.className='normal';">
            normal to italic normal to italic - ¸¶¿ì½º¸¦ ¿Ã·Á ÁÖ¼¼¿ä.
        </P>
        <P class="italic" onmousedown="this.className='normal';"
        onmouseup="this.className='italic';">
            italic to normal italic to normal - Ŭ¸¯ÇØ ÁÖ¼¼¿ä.
        </P>
    </BODY>
</HTML>





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

Top
Back
New
°Ë»ö