Text-transform 속성

영문자열의 대소문자를 변경하는데 사용한다.

기호 설명

A | B : A 또는 B 중의 하나이다.

text-transform : capitalize | uppercase | lowercase | none

모든 element에 적용할 수 있고, 유전된다.

초기값은 none이다.

<HTML>
<HEAD>
<STYLE type="text/css">
SPAN.cap {text-transform : capitalize}
SPAN.up {text-transform : uppercase}
SPAN.low {text-transform : lowercase}
</STYLE>
<BODY>
<SPAN class=cap>uppercases the first character of each word</SPAN>
<SPAN class=up>uppercases all letters of the element </SPAN>
<SPAN class=low>LOWERCASES ALL LETTERS OF THE ELEMENT</SPAN>
<BODY>
</HTML> 이렇게 나와요

◀ ■ ▶