최신 웹 개발 튜토리얼
 

Style font Property

<스타일 개체

A에 대한 폰트 설정 <p> 요소 :

document.getElementById("myP").style.font = "italic bold 20px arial,serif";
»그것을 자신을 시도

정의 및 사용

글꼴 속성 집합 또는 약식 형태로, 여섯 개 별도의 글꼴 속성까지 반환합니다.

이 속성을 사용하면 (이 순서대로) 다음을 반환 / 설정할 수 있습니다 :

  • 글꼴 스타일
  • 폰트 변종
  • 폰트 무게
  • 폰트 크기
  • 라인 높이
  • 글꼴 - 가족

글꼴 크기와 글꼴 - 가족이 필요합니다. 다른 값 중 하나가 누락 된 경우가있는 경우, 디폴트 값은 삽입됩니다.

위의 속성은 별도의 스타일 속성을 설정할 수 있습니다. 별도의 속성의 사용은 매우 더 나은 제어를위한 비 첨단 저자을 권장합니다.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

글꼴 속성은 모든 주요 브라우저에서 지원됩니다.


통사론

글꼴 속성을 반환합니다 :

object .style.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 자막 제어에 사용되는 폰트 (like buttons, drop-downs, etc.)
icon 라벨 아이콘에 사용되는 글꼴
menu 메뉴에 사용되는 폰트
message-box 대화 상자에 사용되는 글꼴
small-caption 작은 제어에 사용되는 폰트
status-bar 윈도우 상태 표시 줄에 사용되는 글꼴
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 지정되지
반환 값 : 요소의 다른 글꼴 속성을 나타내는 문자열
CSS 버전 CSS1

더 예

(A)의 폰트 리턴 <p> 요소 :

alert(document.getElementById("myP").style.font);
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS 폰트

CSS 참조 : font property


<스타일 개체