Style font 속성

정의와 사용법

font 속성은 단축 형식으로 최대 6개의 개별 글꼴 속성을 설정하거나 반환합니다.

이 속성을 통해 다음 내용을 설정/반환할 수 있습니다. (이 순서로):

font-size 와 font-family 필수입니다. 다른 값 중 하나가 누락되면 기본 값(있는 경우)이 삽입됩니다.

위 속성은 단独行 스타일 속성으로도 설정할 수 있습니다. 고급 작성자가 아닌 경우, 더 나은 제어를 위해 단独行 속성을 사용하는 것이 좋습니다.

추가로 참조하세요：

CSS 강의：CSS 글꼴

CSS 참조 매뉴얼：font 속성

예제

예제 1

<p> 요소의 글꼴 설정：

document.getElementById("myP").style.font = "italic bold 20px arial,serif";

본인이 직접 시도해 보세요

예제 2

<p> 요소의 글꼴 반환：

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

본인이 직접 시도해 보세요

문법

font 속성 반환：

object.style.font

font 속성 설정：

object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

속성 값

값 설명
style 글꼴 스타일 설정
variant 텍스트를 소형 대문자로 설정합니다.
weight 글꼴 두께 설정
size 글꼴 크기 설정
lineHeight 줄 간격 설정
family 글꼴 설정
caption 타이틀 컨트롤(버튼, 드롭다운 메뉴 등)에 사용하는 글꼴
icon 아이콘을 표시하는 글꼴
menu 메뉴에서 사용하는 글꼴
message-box 대화 상자에서 사용하는 글꼴
small-caption 소형 컨트롤에서 사용하는 글꼴
status-bar 창 상태 바에서 사용하는 글꼴
initial 이 속성을 기본 값으로 설정합니다. 참조 initial。
inherit 이 속성을 부모 요소에서 상속합니다. 참조 inherit。

기술 세부 사항

기본 값： 지정되지 않음
반환 값： 문자열로, 요소의 다른 글꼴 속성을 나타냅니다。
CSS 버전： CSS1

브라우저 지원

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원