text-transform

1. 대문자로 변경하기

   text-transform: uppercase;

 

 

2. 소문자로 변경하기

   text-transform: lowercase;

 

3. 텍스트의 앞 한글자만 변환할 경우 

   text-transform: capitalize;

<p>hello web is free</p>

<style>
p {
   text-transform: capitalize;
}
</style>

 

단, text-transform 은 IE9이상 에서만 지원이 가능하다고 한다.