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

1. text-transform 예제 - 텍스트 대소문자 변환
2. text-transform 정의
3. 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

부모요소의 속성값 상속.