Style fontSize 속성

정의와 사용법

fontSize 문자의 폰트 크기를 설정하거나 반환합니다。

다른 참조:

CSS 강의：CSS 글자체

CSS 참조 문서：font-size 속성

HTML DOM 참조 문서：font 속성

예제

예제 1

<p> 요소의 폰트 크기를 "xx-large"으로 설정합니다：

document.getElementById("myP").style.fontSize = "xx-large";

직접 시험해 보세요

예제 2

가능한 값의 설명:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontSize = listValue;

직접 시험해 보세요

예제 3

<p> 요소의 폰트 크기 반환：

alert(document.getElementById("myP").style.fontSize);

직접 시험해 보세요

문법

fontSize 속성 반환：

object.style.fontSize

fontSize 속성 설정：

object.style.fontSize = "value|initial|inherit"

속성 값

값 설명
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
 xx-small에서 xx-large로 다른 고정 크기를 설정합니다。
smaller 폰트 크기를 상대 단위로 감소합니다。
larger 폰트 크기를 상대 단위로 증가합니다。
length 길이 단위로 폰트 크기를 정의합니다。
% 부모 요소의 폰트 크기를 백분율로 설정합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： medium
반환 값： 문자열로 표현된 요소 본문의 폰트 크기。
CSS 버전： CSS1

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원