CSS 텍스트 변환 속성


  번역 결과:

text

English [tekst] American [tɛkst]

n. 텍스트, 원본 텍스트, 교과서; 테마 버전

v.transform

미국식 [ trænsˈfɔ:rm]

vt.Transform; 변경

vi.Change

n.[숫자] 변환 공식

CSS 텍스트 변환 속성통사론

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

설명: 이 속성은 소스 문서의 텍스트 대소문자에 관계없이 요소의 문자 대소문자를 변경합니다. 값이 대문자인 경우 일부 문자는 대문자로 표시되지만 어떤 문자가 대문자인지 결정하는 방법은 명확하게 정의되어 있지 않으며 개별 "단어"를 인식하는 것은 사용자 에이전트의 몫입니다.​

참고: 모든 버전의 Internet Explorer(IE8 포함)는 속성 값 "inherit"를 지원하지 않습니다.

CSS 텍스트 변환 속성예

<html>
<head>
<style type="text/css">
  h1 {text-transform: uppercase}
  p.uppercase {text-transform: uppercase}
  p.lowercase {text-transform: lowercase}
  p.capitalize {text-transform: capitalize}
</style>
</head>
<body>
<h1>This Is An H1 Element</h1>
<p class="uppercase">This is some text in a paragraph.</p>
<p class="lowercase">This is some text in a paragraph.</p>
<p class="capitalize">This is some text in a paragraph.</p>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

인기 추천

비디오

Q&A