스타일 textTransform 속성
예시
요소에 있는 각 단어의 첫 글자를 대문자로 변환합니다.
document.getElementById("demo").style.textTransform = "capitalize";
정의 및 사용
textTransform 속성은 텍스트의 대문자를 설정하거나 반환합니다.
이 속성은 텍스트를 대문자, 소문자 또는 대문자로 변경하는 데 사용됩니다.
브라우저 지원
Property | |||||
---|---|---|---|---|---|
textTransform | Yes | Yes | Yes | Yes | Yes |
통사론
textTransform 속성을 반환합니다.
object.style.textTransform
textTransform 속성을 설정합니다.
object.style.textTransform = "none|capitalize|uppercase|lowercase|initial|inherit"
속성 값
Value | Description |
---|---|
none | No characters are transformed. This is default |
capitalize | The first character of each word is transformed to uppercase |
uppercase | All characters are transformed to uppercase |
lowercase | All characters are transformed to lowercase |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 없음 |
---|---|
반환 값: | 요소의 텍스트 변환을 나타내는 String |
CSS 버전 | CSS1 |
더 많은 예
예시
요소의 모든 문자를 대문자로 변환:
document.getElementById("demo").style.textTransform = "uppercase";
예시
요소의 텍스트 변환을 반환합니다.
alert(document.getElementById("demo").style.textTransform);
관련 페이지
CSS 튜토리얼: CSS 텍스트
CSS 참조: text-transform 속성
❮ 스타일 개체