CSS 텍스트 변환 속성
예시
다른 <div> 요소의 텍스트 변환:
div.a {
text-transform: uppercase;
}
div.b {
text-transform: lowercase;
}
div.c {
text-transform: capitalize;
}
정의 및 사용
속성은 텍스트 의 text-transform
대소문자를 제어합니다.
기본값: | 없음 |
---|---|
상속: | 네 |
버전: | CSS1 |
자바스크립트 구문: | 개체 .style.textTransform="대문자" |
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
text-transform | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS 구문
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
속성 값
Value | Description | Play it |
---|---|---|
none | No capitalization. The text renders as it is. This is default | |
capitalize | Transforms the first character of each word to uppercase | |
uppercase | Transforms all characters to uppercase | |
lowercase | Transforms all characters to lowercase | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
관련 페이지
CSS 튜토리얼: CSS 텍스트
HTML DOM 참조: textTransform 속성