예
A에 대한 폰트 설정 <p> 요소 :
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
»그것을 자신을 시도 정의 및 사용
글꼴 속성 집합 또는 약식 형태로, 여섯 개 별도의 글꼴 속성까지 반환합니다.
이 속성을 사용하면 (이 순서대로) 다음을 반환 / 설정할 수 있습니다 :
- 글꼴 스타일
- 폰트 변종
- 폰트 무게
- 폰트 크기
- 라인 높이
- 글꼴 - 가족
글꼴 크기와 글꼴 - 가족이 필요합니다. 다른 값 중 하나가 누락 된 경우가있는 경우, 디폴트 값은 삽입됩니다.
위의 속성은 별도의 스타일 속성을 설정할 수 있습니다. 별도의 속성의 사용은 매우 더 나은 제어를위한 비 첨단 저자을 권장합니다.
브라우저 지원
글꼴 속성은 모든 주요 브라우저에서 지원됩니다.
통사론
글꼴 속성을 반환합니다 :
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 |
더 예
관련 페이지
CSS 자습서 : CSS 폰트
CSS 참조 : font property
<스타일 개체