Text-TransForm

 

개요 :

이 속성은 요소 글자의 대/소문자를 전환한다. 대문자를 소문자로 변경하거나, 소문자를 대문자로 변경할 수 있고,

단어의 첫 글자만 대문자로 변경할 수 있다. 물론, 대소문자 구분이 없는 한글엔 사용할 수 없다.

 

정의

 text-transform

설명 

 값

 capitalize | uppercase | lowercase | none | inherit

 기본값

 none

 적용대상

 모든 요소

 상속

 됨

 백분율

 사용 불가

 미디어

 visual

 

 값

설명 

 capitalize

 단어의 첫번째 글자를 대문자로 지정한다.

 uppercase

 단어의 모든 글자를 대문자로 지정한다.

 lowercase

 단어의 모든 글자를 소문자로 지정한다.

 none

 정상적으로 지정한다. 대/소문자 변형을 지정하지 않는다.

 inherit

 부모 요소의 값을 상속하도록 지정한다.

 

---------------------------------------------------------------------------------------------------------------------------------------

예제

View source :

<style>
 p {text-transform: capitalize}
</style>
<body>
 <p>declare text-transform capitalize. (단어의 첫글자를 대문자로 변경함.)</p>
</body>

 

Result :

 

26.PNG?type=w1