text-transform

text-transform 속성은 텍스트를 대문자나 소문자로 변경합니다.

Summary

특징	설명
기본 값	none
상속	가능
애니메이션	안됨
버전	CSS1

Definition

• text-transform 속성은 텍스트를 대문자나 소문자로 변경합니다.
• text-transform은 영어에만 해당되는 속성입니다.

Syntax

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

Property

속성 값	설명
none	text-transform을 속성을 적용하지 않습니다.
capitalize	각 단어의 첫 글자만 대문자로 변경합니다.
uppercase	텍스트를 모두 대문자로 변경합니다.
lowercase	텍스트를 모두 소문자로 변경합니다.
inherit	text-transform의 속성 값을 상위요소한테 상속받습니다.

Compatibility

							6	7	8	9	10	11
text-transform

Sample

"The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice.”

그리드 시스템은 디자인 결과를 보장하는 것이 아니라, 각기 다른 디자이너들이 자신만의 개성 있는 스타일에 적합한 해결책을 찾을 수 있도록 객관적인 방법을 제공합니다. 그리드 시스템을 활용하려면, 그리드를 사용하는 방법을 배우려고 노력해야 합니다. 그리드 연습이 필요한 예술이기 때문입니다.

text-transform : none;
text-transform : capitalize;
text-transform : uppercase;
text-transform : lowercase;