목차
- text-transform 예제 - 텍스트 대소문자 변환
- 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
소문자로 변환
inherit
부모요소의 속성값 상속.