English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체

CSS 텍스트-transform 속성 사용 방법 및 예제

text-transform CSS 속성은 텍스트의 대문자를 제어합니다.

아래 표는 이 속성의 사용 설명과 버전 이력, 이 속성이 JavaScript 스크립트에서 사용하는 문법을 나타냅니다.

기본 값:none
적용 대상:모든 요소
thừa kế:
애니메이션 가능:아니요.참조: 애니메이션 속성
버전:CSS 1,2,3
JavaScript 문법:object.style.textTransform="lowercase"

text-transform 사용 문법

이 속성의 문법은 다음과 같습니다:

text-transform: capitalize | lowercase | none | uppercase | initial | inherit

아래 예제는 transform를 사용하는 방법을 보여줍니다.-transform 속성.

  p {
   text-transform: capitalize;
  }
테스트를 보려면‹/›

속성 값

아래 표는 이 속성의 값을 설명합니다.

설명
capitalize각 단어의 첫 번째 문자를 대문자로 변환하며, 다른 문자는 영향을 받지 않습니다.
lowercase각 단어의 모든 문자를 소문자로 변환합니다.
uppercase각 단어의 모든 문자를 대문자로 변환합니다.
none대문자 효과가 없습니다. 텍스트는 원래대로 표시됩니다. 이는 기본 값입니다.
initial이 속성을 기본 값으로 설정합니다.
inherit지정된 경우, 연결된 요소는 부모 요소의 text를 사용합니다.-transform 속성 값.

브라우저 호환성

text-transform 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3。5+

더 읽기

다음 튜토리얼을 참조하십시오:CSS 문서CSS 글꼴

문서 관련 속성:letter-spacingtext-aligntext-decorationtext-indenttext-overflowtext-shadowwhite-spaceword-spacing