CSS-글꼴

기술

글꼴 속성은 텍스트의 렌더링에 영향을 미치는 데 사용되는 약식 속성입니다.

가능한 값

가능한 값은이 속성을 사용하는 방법에 따라 다릅니다.

  • <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>

이것은 다음 결과를 생성합니다-


Language