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
검색