font-variant Property

Home > Document > CSS > Font > font-variant

font-variant Property

font-variant Property 는 소문자를 작은 대문자(small-caps)로 변형 시킵니다. 작은 대문자가 머냐하면 크기는 소문자 크기에 형태는 대문자인 글자를 말합니다. 한글에 사용하면 아무 변화도 없습니다.

  [표 보는 방법]
Property
Value normal | small-caps | Inherit
Initial normal
Applies to all elements
Inherited Yes
Percentages N/A
Media Visual
HTML Syntax { font-variant: sVariant }
Scripting object.style.fontVariant [ = sVariant ]



작은 대문자와 일반 대문자 비교
small-caps : abcdefghijklmnopqrstuvwxyz UPPERCASE : ABCDEFGHIJKLMNOPQRSTUVWXYZ

CSS Scripting
onMouseOver="this.style.fontVariant='small-caps';"


font-variant DHTML

normal to variant normal to variant - 마우스를 올려 주세요.

variant to normal variant to normal - 클릭해 주세요.

입력 
<HTML>
    <HEAD>
        <TITLE>UNTITLED</TITLE>
        <STYLE type="text/css">
        <!-- 
        .normal {font-size:16px;}
        .variant {font-size:16px; font-variant:small-caps} 
        -->
        </STYLE>
    </HEAD>
    <BODY>
        <P class="normal" onmouseover="this.className='variant';"
        onmouseout="this.className='normal';">
            normal to variant normal to variant - 마우스를 올려 주세요.
        </P>
        <P class="variant" onmousedown="this.className='normal';" 
        onmouseup="this.className='variant';">
            variant to normal variant to normal - 클릭해 주세요.
        </P>
    </BODY>
</HTML>




이 문서의 저작권은 www.cadvance.org 에 있습니다.

Top
Back
New
검색