본문 바로가기

'.' Programs/CSS

Text-TransForm


Text-TransForm

개요 :

이 속성은 요소 글자의 대/소문자를 전환한다. 대문자를 소문자로 변경하거나, 소문자를 대문자로 변경할 수 있고,

단어의 첫 글자만 대문자로 변경할 수 있다. 물론, 대소문자 구분이 없는 한글엔 사용할 수 없다.

정의

text-transform

설명

capitalize | uppercase | lowercase | none | inherit

기본값

none

적용대상

모든 요소

상속

백분율

사용 불가

미디어

visual

설명

capitalize

단어의 첫번째 글자를 대문자로 지정한다.

uppercase

단어의 모든 글자를 대문자로 지정한다.

lowercase

단어의 모든 글자를 소문자로 지정한다.

none

정상적으로 지정한다. 대/소문자 변형을 지정하지 않는다.

inherit

부모 요소의 값을 상속하도록 지정한다.

---------------------------------------------------------------------------------------------------------------------------------------

예제

View source :

<style>
 p {text-transform: capitalize}
</style>
<body>
 <p>declare text-transform capitalize. (단어의 첫글자를 대문자로 변경함.)</p>
</body>

Result :

''.' Programs > CSS' 카테고리의 다른 글

Letter-Spacing  (0) 2012.03.20
Text-Decoration  (0) 2012.03.20
Text-Shadow  (0) 2012.03.20
Direction  (0) 2012.03.20
Color  (0) 2012.03.20