CSS 폰트 크기 속성

정의와 사용법

font-size 속성은 글꼴의 크기를 설정할 수 있습니다.

설명

이 속성은 요소의 글꼴 크기를 설정합니다. 주의할 점은 실제로는 글자의 블록 높이를 설정하는 것이며, 실제 글자 형태는 이 블록보다 더 높거나 더 낮을 수 있습니다. 보통 더 낮습니다.

각 키워드에 해당하는 글꼴은 최소 키워드에 해당하는 글꼴보다 더 크여야 하며, 다음 최대 키워드에 해당하는 글꼴보다 작아야 합니다.

추가로 참조:

CSS 강의:CSS 글꼴

CSS 참조 매뉴얼:CSS 폰트 속성

HTML DOM 참조 매뉴얼:fontSize 속성

예제

다양한 HTML 요소의 크기를 설정합니다:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

직접 시도해보세요

CSS 문법

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

속성 값

값 설명
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large

글꼴의 크기를 xx-small에서 xx-large까지 다양한 크기로 설정합니다.

기본 값: medium
smaller font-size를 부모 요소보다 작은 크기로 설정합니다.
larger font-size를 부모 요소보다 큰 크기로 설정합니다.
length font-size를 고정된 값으로 설정합니다.
% font-size를 부모 요소 기반의 백분율로 설정합니다.
inherit 정의는 부모 요소에서 글꼴 크기를 상속해야 합니다.

기술 세부 사항

기본 값: medium
상속성: yes
버전: CSS1
JavaScript 문법: object.style.fontSize="larger"

TIY 예제

글꼴 크기 설정
이 예제에서는 글꼴 크기를 설정하는 방법을 보여줍니다.

브라우저 지원

표中的 숫자는 이 속성을 최초로 지원하는 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 7.0