Font - Size

Font - Size

개요 : 이 속성은 요소의 글꼴 크기를 지정한다. 절대 크기, 상대 크기, 백분율으로 크기를 지정할 수 있으나, 브라우저는

px로 크기를 계산하여 출력한다.

글자 크기를 지정하지 않으면, 대부분의 브라우저는 아래의 기본값으로 표현된다.

정의

값

값	설명
<절대 크기>	xx-small, x-small, small, medium, large, x-larger, xx-large 를 지정한다.
<상대 크기>	large, smaller 를 지정한다.
<길이>	길이를 지정한다. 음수는 지정할 수 없다.
<백분율>	백분율(%)값을 지정한다. 부모 요소를 기준으로 계산된다.
inherit	부모 요소의 값을 상속하도록 지정한다.

-------------------------------------------------------------------------------------------------------

예제

View Source :

<style>
 span {font-size: 2em;}
</style>
<body>
 <p>본문의 일부 단어를 <span>정상 크기의 2배</span>로 지정합니다.</p>
</body>

Result :

-------------------------------------------------------------------------------------------------------

View Source :

<style>
 p {font-size: 12px;}
 span {font-size: 16px;}
</style>
<body>
 <p>본문의 일부 단어를 <span>17px</span>로 지정합니다.</p>
</body>

Result :

Pet2r