웹사이트를 만들다보면 특정 텍스트를 대문자로 노출시켜야할 때가 있거나 일괄 소문자로 표현해야할 때가 있다.

예를 들어 This is my portfolio site. 라는 글로 아래의 변환방법을 쓰면

1. 대문자로 바꾸는 방법

text-transform:uppercase

결과는 THIS IS MY PORTFOLIO SITE.

2. 소문자로 바꾸는 방법

text-transform:lowercase

 결과는 this is my portfolio site.

3. 단어의 첫글자는 대문자로 나오게 할 경우

text-transform:capitalize

 결과는 This Is My Portfolio Site.

4. 기본 값은 

text-transform:none

 결과는  This is my portfolio site.

5. 부모의 요소값을 상속받을 경우에는

text-transform:inherit

 그러나 이 경우에는 브라우저 호환성에 문제가 있기 때문에 잘 쓰지 않는다. IE의 경우 9이상에서만 지원이 된다.