개요
이 속성은 요소의 글꼴 크기를 지정한다. 절대 크기, 상대 크기, 백분율으로 크기를 지정할 수 있으나, 브라우저는 px로 크기를 계산하여 출력한다.
정의
값
| 값 | 설명 |
|---|
| <절대 크기> | xx-small, x-small, small, medium, large, x-large, xx-large를 지정한다. |
| <상대 크기> | larger, smaller를 지정한다. |
| <길이> | 길이를 지정한다. 음수는 지정할 수 없다. |
| <백분율> | 백분율(%) 값을 지정한다. 부모 요소를 기준으로 계산된다. |
| inherit | 부모 요소의 값을 상속하도록 지정한다. |
예제
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
span {font-size: 2em;}
</style>
</head>
<body>
<p>본문의 일부 단어를 <span>정상 크기의 2배</span>로 지정합니다.</p>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
p {font-size: 12px;}
span {font-size: 16px;}
</style>
</head>
<body>
<p>본문의 일부 단어를 <span>17px</span>로 지정합니다.</p>
</body>
</html>
브라우저 호환성
| 값 | IE6 | IE7 | FF2 | Op9 |
|---|
| (Length) | 지원 | 지원 | 지원 | 지원 |
| (Percentage) | 지원 | 지원 | 지원 | 지원 |
| xx-small | 지원 | 지원 | 지원 | 지원 |
| x-small | 지원 | 지원 | 지원 | 지원 |
| small | 지원 | 지원 | 지원 | 지원 |
| medium | 지원 | 지원 | 지원 | 지원 |
| large | 지원 | 지원 | 지원 | 지원 |
| x-large | 지원 | 지원 | 지원 | 지원 |
| xx-large | 지원 | 지원 | 지원 | 지원 |
| larger | 지원 | 지원 | 지원 | 지원 |
| smaller | 지원 | 지원 | 지원 | 지원 |
| inherit | 미지원 | 미지원 | 지원 | 지원 |
송주연 (211.201.237.9)
2009년 11월 26일, 16:26
