HTML에서 텍스트를 대문자로 변환

이 기사에서는 HTML에서 텍스트를 대문자로 변환하는 방법을 소개합니다.

CSS text-transform 속성을 사용하여 HTML에서 텍스트를 대문자로 변환

CSS text-transform 속성을 사용하면 텍스트를 대문자로 사용하는 것이 그 어느 때보다 쉬워졌습니다. 속성에는 텍스트에 다양한 대문자를 사용하는 여러 값이 있습니다.

text-transform 속성에 uppercase 값을 사용하여 텍스트에 대문자를 만들 수 있습니다. 마찬가지로 소문자 값은 소문자를 만듭니다.

capitalize 옵션을 사용하여 텍스트의 첫 번째 문자만 대문자로 지정할 수도 있습니다.

예를 들어, <p> 태그를 만들고 단락 안에 몇 가지 텍스트를 씁니다. 텍스트를 소문자로 작성했는지 확인하십시오.

CSS에서 단락을 선택하고 text-transform 속성을 사용합니다. text-transform 속성의 값을 uppercase로 설정합니다.

아래 출력에서 ​​볼 수 있듯이 텍스트는 대문자로 변환됩니다. 이런 식으로 text-transform 속성에 uppercase 값을 사용하여 HTML에 대문자를 쓸 수 있습니다.

HTML 코드:

<p>
 Uppercase characters
</p>

CSS 코드:

p {
  text-transform: uppercase;
}