English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
text-transform CSS 속성은 텍스트의 대문자를 제어합니다.
아래 표는 이 속성의 사용 설명과 버전 이력, 이 속성이 JavaScript 스크립트에서 사용하는 문법을 나타냅니다.
기본 값: | none |
---|---|
적용 대상: | 모든 요소 |
thừa kế: | 네 |
애니메이션 가능: | 아니요.참조: 애니메이션 속성。 |
버전: | CSS 1,2,3 |
JavaScript 문법: | object.style.textTransform="lowercase" |
이 속성의 문법은 다음과 같습니다:
text-transform: capitalize | lowercase | none | uppercase | initial | inherit
아래 예제는 transform를 사용하는 방법을 보여줍니다.-transform 속성.
p { text-transform: capitalize; }테스트를 보려면‹/›
아래 표는 이 속성의 값을 설명합니다.
값 | 설명 |
---|---|
capitalize | 각 단어의 첫 번째 문자를 대문자로 변환하며, 다른 문자는 영향을 받지 않습니다. |
lowercase | 각 단어의 모든 문자를 소문자로 변환합니다. |
uppercase | 각 단어의 모든 문자를 대문자로 변환합니다. |
none | 대문자 효과가 없습니다. 텍스트는 원래대로 표시됩니다. 이는 기본 값입니다. |
initial | 이 속성을 기본 값으로 설정합니다. |
inherit | 지정된 경우, 연결된 요소는 부모 요소의 text를 사용합니다.-transform 속성 값. |
text-transform 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.
|
다음 튜토리얼을 참조하십시오:CSS 문서,CSS 글꼴。
문서 관련 속성:letter-spacing,text-align,text-decoration,text-indent,text-overflow,text-shadow,white-space,word-spacing。