CSS 참조 설명서

CSS @규칙(RULES)

font-size CSS 속성은 요소의 텍스트 내용 글꼴 크기를 설정합니다.

아래 표는 이 속성의 사용 방법 및 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다.

기본 값:	medium
적용 대상:	모든 요소
thừa kế:	네
애니메이션 가능:	네.참조하십시오 애니메이션 속성。
버전：	CSS 1，2，3
JavaScript 문법：	object.style.fontSize="medium"

이 속성의 문법은 다음과 같습니다：

font-size: xx-small | x-small | small | medium | large | x-large　|　xx-large　|　smaller　|　larger　|　length　|　percentage　　|　initial　|　inherit

아래 예제는 font-size 속성。

예제

　　body　{
　　　font-size:　14px;
　　}
　　h1　{
　　　font-size:　2em;　　
　　}

아래 표는 이 속성의 값을 설명합니다。

값	설명
xx-small	일반적인 절대 크기 키워드 집합입니다. 이 키워드는 사용자의 브라우저 폰트 설정 선호도와 브라우저의 내부 폰트 확대 알고리즘에 따라 텍스트의 폰트 크기를 확대합니다。 이 font-size 속성의 중간 값（16px）사용자 브라우저의 기본 폰트 크기와 일치합니다。
`x-small`
`small`
`medium`
`large`
`x-large`
`xx-large`
smaller	부모 요소의 폰트 크기보다 작거나 크거나 크게 설정하여 상단의 절대 크기 키워드를 구분합니다。 예를 들어, 부모 요소의 폰트 크기가 medium이라면, larger 값은 현재 요소의 폰트 크기를 large로 만듭니다。
`larger`
length	px, pt, cm, em 등의 길이 단위로, 음수 값을 사용하지 않습니다。
percentage	폰트 크기를 부모 요소의 폰트 크기의 백분율로 설정합니다. 음수 값을 사용하지 않습니다。
initial	이 속성을 기본 값으로 설정합니다。
inherit	지정된 경우, 관련 요소는 부모 요소 font-size 속성 값。

주의：font-size는 모든 현대 브라우저(예: 파이어폭스, 크롬, IE, 사파리, 오페라 등)에서 이 속성의 기본 값이 모두 중간입니다（16px）。

font-size 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다；모든 주요 브라우저는 이 속성을 지원합니다。

	파이어폭스 1+ 구글 크롬1+ 인터넷 익스플로러 4+ 애플 사파리 1+ 오페라 4+

다음 튜토리얼을 참조하세요：CSS 폰트，CSS 텍스트。