기술
글꼴 속성은 텍스트의 렌더링에 영향을 미치는 데 사용되는 약식 속성입니다.
가능한 값
가능한 값은이 속성을 사용하는 방법에 따라 다릅니다.
<font-style> − 속성 글꼴 스타일에 허용되는 모든 값.
<font-variant> − 속성 font-variant에 대해 허용되는 모든 값.
<font-weight> − 속성 font-weight에 허용되는 모든 값.
<font-size> − 속성 font-size에 허용되는 모든 값.
<font-family> − 속성 font-family에 허용되는 모든 값.
<line-height> − 속성 line-height에 허용되는 모든 값.
caption− 캡션 컨트롤 (예 : 버튼 및 드롭 다운 메뉴)을 위해 운영 체제에서 사용하는 글꼴. 이것은 "시스템 글꼴"값 중 하나입니다.
icon− 운영 체제에서 아이콘에 레이블을 지정하는 데 사용하는 글꼴. 이것은 "시스템 글꼴"값 중 하나입니다.
menu− 운영 체제가 메뉴에서 사용하는 글꼴 (예 : 드롭 다운 메뉴 및 메뉴 목록). 이것은 "시스템 글꼴"값 중 하나입니다.
message-box− 대화 상자 내에서 운영 체제가 사용하는 글꼴 (예 : 경고 대화 상자). 이것은 "시스템 글꼴"값 중 하나입니다.
small-caption− 작은 컨트롤에 레이블을 지정하기 위해 운영 체제에서 사용하는 글꼴. 이것은 "시스템 글꼴"값 중 하나입니다.
status-bar− 창 상태 표시 줄에서 운영 체제가 사용하는 글꼴. 이것은 "시스템 글꼴"값 중 하나입니다.
적용
모든 HTML 요소.
DOM 구문
object.style.font = "bold italic small-caps 250%/1.2 sans-serif";
예
다음은 속기 글꼴 속성을 사용하는 예입니다.
<html>
<head>
</head>
<body>
<p style = "font:italic small-caps bold 15px georgia;">
Applying all the properties on the text at once.
</p>
</body>
</html>
이것은 다음 결과를 생성합니다-