반응형
텍스트 변환 Text Transformation
이 text-transform속성은 텍스트에서 대문자와 소문자를 지정하는 데 사용됩니다.
모든 것을 대문자 또는 소문자로 바꾸거나 각 단어의 첫 글자를 대문자로 사용할 수 있습니다.
Example
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}
<!DOCTYPE html>
<html>
<head>
<style>
p.uppercase {
text-transform: uppercase;
}
p.lowercase {
text-transform: lowercase;
}
p.capitalize {
text-transform: capitalize;
}
</style>
</head>
<body>
<p class="uppercase">This is some text.</p>
<p class="lowercase">This is some text.</p>
<p class="capitalize">This is some text.</p>
</body>
</html>
반응형
'IT > css' 카테고리의 다른 글
| css Letter Spacing 글자 간격 (0) | 2017.02.15 |
|---|---|
| css Text Indentation 텍스트 들여 쓰기 (0) | 2017.02.14 |
| css 텍스트 방향 Text Direction (0) | 2017.02.13 |
| css 라인 높이 Line Height (0) | 2017.02.13 |
| css 글자 간격 Letter Spacing (0) | 2017.02.13 |