HTML 작은 글꼴

오늘의 게시물은 HTML에서 작은 글꼴을 표시하는 방법을 알려줍니다.

HTML에서 작은 글꼴 표시

font-size CSS 속성은 글꼴 크기를 결정합니다. 글꼴 크기가 변경되면 em, ex 등과 같은 글꼴 크기에 상대적인 길이 단위의 크기도 수정됩니다.

글꼴 크기는 픽셀 또는 ems로 표현된 키워드 또는 숫자 값을 사용하는 것을 포함하여 다양한 방법으로 지정할 수 있습니다. 특정 웹 페이지의 요구 사항에 따라 적절한 접근 방식을 선택하십시오.

통사론:

font-size: value

font-size가 지원하는 13가지 값은 다음과 같습니다.

1. 글꼴 크기 속성의 기본값은 중간이며 글꼴 크기를 중간으로 만듭니다.
2. font-size는 xx-small 값으로 xx-small 크기로 설정됩니다.
3. x-small 값은 텍스트 크기를 더욱 줄입니다.
4. 작은 숫자는 텍스트 크기를 작게 줄입니다.
5. large 값은 텍스트 크기를 크게 만듭니다.
6. 글꼴 크기는 x-large 옵션을 사용하여 매우 크게 변경됩니다.
7. font-size는 xx-large 값에 의해 두 배의 초대형 크기로 설정됩니다.
8. font-size는 상위 요소보다 작은 작게 값으로 설정됩니다.
9. larger 숫자는 상위 요소 위의 글꼴 크기를 증가시킵니다.
10. 길이 값은 픽셀, 센티미터 등의 고정된 글꼴 크기를 설정합니다.
11. font-size는 % 값을 사용하여 상위 요소 글꼴 크기의 백분율로 설정됩니다.
12. initial 값은 이 속성의 기본값을 설정합니다.
13. 상속 속성은 상위 요소에서 상속됩니다.

글꼴 크기에 대한 자세한 내용은 공식 문서 여기에서 확인할 수 있습니다.

이전 개념을 더 잘 이해하려면 다음 예제를 고려하십시오.

<p style="font-size: medium;">Hello World!</p>
<p style="font-size: 5px;">Hello World!</p>
<p style="font-size: x-small;">Hello World!</p>
<p style="font-size: small;">Hello World!</p>
<p style="font-size: xx-small;">Hello World!</p>
<p style="font-size: xx-large;">Hello World!</p>
<p style="font-size: large;">Hello World!</p>

위의 예는 다른 글꼴 크기로 hello world 문구를 인쇄합니다. 특정 웹 페이지의 요구 사항에 따라 적절한 접근 방식을 선택하십시오.