• Q&A
  • 회원가입
  • 로그인

[text] CSS - text-transform 속성 - 텍스트 대소문자변환 (= text-transform속성 = 텍스트트랜스폼속성)

text-transform 예제

 

<style>
.non {text-transform: none;}
.cap {text-transform: capitalize;}
.upp {text-transform: uppercase;}
.low {text-transform: lowercase;}
</style>

<p class="non">none 홈짱닷컴 (homzzang.com)</p>
<p class="cap">capitalize 홈짱닷컴 (homzzang.com)</p>
<p class="upp">uppercase 홈짱닷컴 (homzzang.com)</p>
<p class="low">lowercase 홈짱닷컴 (HOMZZANG.COM)</p>


 

text-transform 정의

 

텍스트 대소문자 변환

 


 

1.

기본값: none

상속여부: O

CSS버전: CSS1

JS구문: object.style.textTransform="uppercase"

 

2.

모든 브라우저 지원.

 

 

 

text-transform 구문

 

선택자 {text-transform: 속성값;}

 


 

[속성값]

none
변환 없음 (기본값)
 
capitalize
각 단어의 첫 번째 문자만 대문자로 변환
 
uppercase
대문자로 변환
 
lowercase
소문자로 변환
 
initial
이 속성의 기본값으로 설정. 
 
inherit
부모 요소의 속성값 상속. 
자식 요소에서 별도의 속성을 지정 안할 경우 부모 요소의 속성값 상속.


 

오늘도 즐겁게 열심히 .....

찾아주셔서 감사합니다. Since 2012