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 |