css를 이용해서 uppercase, lowercase 등 구현하는 방법(대문자/소문자 치환)

css를 이용해서 uppercase, lowercase 등도 구현이 가능합니다.

text-transform을 사용하면 됩니다.

개인적으로는 capitalize가 가장 흥미로운데 첫 글자만 대문자로 치환해줍니다.

다음은 text-transform을 사용하는 간단한 예제입니다.



<p style="text-transform: uppercase;">hello world</p> <!-- HELLO WORLD 출력됨 -->
<p style="text-transform: lowercase;">hello world</p> <!-- hello world 출력됨 -->
<p style="text-transform: capitalize;">hello world</p> <!-- Hello World 출력됨 -->