CSS-글꼴 크기

기술

글꼴 크기 속성은 엘레멘트의 텍스트의 크기에 영향을줍니다.

가능한 값

  • xx-small − 요소의 텍스트를 x-small 값의 결과보다 작은 크기로 설정합니다.

  • x-small − 요소의 텍스트를 작은 값으로 인한 것보다 작은 크기로 설정합니다.

  • small − 요소의 텍스트를 값 매체의 크기보다 작게 설정합니다.

  • medium − 요소의 텍스트를 큰 값으로 인한 것보다 작게, 작은 값으로 인한 것보다 크게 설정합니다.

  • large − 요소의 텍스트를 값 매체의 결과보다 큰 크기로 설정합니다.

  • x-large − 요소의 텍스트를 큰 값의 결과보다 큰 크기로 설정합니다.

  • xx-large − 요소의 텍스트를 x-large 값의 결과보다 더 크게 설정합니다.

  • larger − 요소의 텍스트를 부모의 텍스트보다 크게 설정합니다.

  • smaller − 요소의 텍스트를 부모의 텍스트보다 작게 설정합니다.

  • length− 허용되는 모든 길이 값. 글꼴 크기에는 음수 길이 값이 허용되지 않습니다.

  • percentage − 부모의 텍스트 크기를 기준으로 요소의 텍스트 크기를 설정합니다.

적용

모든 HTML 요소.

DOM 구문

object.style.fontSize = "12pt";

다음은이 속성을 사용한 예입니다.

<html>
   <head>
   </head>

   <body>
      <p style = "font-size:20px;">
         This font size is 20 pixels
      </p>
      
      <p style = "font-size:small;">
         This font size is small
      </p>
      
      <p style = "font-size:large;">
         This font size is large
      </p>
   </body>
</html>

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


Language