CSS에서 텍스트의 대소문자를 변경하려면 text-transform 속성을 사용하면 됩니다. 이 속성에는 none, capitalize, uppercase, lowercase 네 가지 값을 지정할 수 있습니다.
text-transform 속성의 주요 값
- none: 기본값으로, 원본 텍스트를 그대로 표시합니다.
- capitalize: 각 단어의 첫 글자만 대문자로 변환합니다.
- uppercase: 모든 글자를 대문자로 변환합니다.
- lowercase: 모든 글자를 소문자로 변환합니다.
예제
아래 코드를 실행하면 text-transform 속성이 텍스트에 어떻게 적용되는지 직접 확인할 수 있습니다:
<html> <head> </head> <body> <p style = "text-transform:capitalize;"> This will be capitalized </p> <p style = "text-transform:uppercase;"> This will be in uppercase </p> <p style = "text-transform:lowercase;"> This will be in lowercase </p> </body> </html>