text-transform 속성
text-transform 속성은
텍스트 문자의 대소문자를 설정합니다: 대문자,
소문자, 각 단어의 첫 글자를 대문자로 만들 수
있습니다.
구문
css선택자 {
text-transform: capitalize | lowercase | uppercase | none;
}
값
| 값 | 설명 |
|---|---|
capitalize |
문장 내 각 단어의 첫 번째 문자가 대문자가 됩니다. |
lowercase |
텍스트의 모든 문자가 소문자로 변환됩니다. |
uppercase |
텍스트의 모든 문자가 대문자로 변환됩니다. |
none |
문자 대소문자를 변경하지 않습니다. |
기본값: none.
예제 . capitalize 값
이제 각 단어의 첫 글자가 대문자가 됩니다:
html<p>
Lorem ipsum dolor sit amet.
</p>cssp {
text-transform: capitalize;
}
Результат:
예제 . uppercase 값
이제 모든 문자가 대문자가 됩니다:
html<p>
Lorem ipsum dolor sit amet.
</p>cssp {
text-transform: uppercase;
}
Результат:
예제 . lowercase 값
이제 모든 문자가 소문자(즉, 작은 글자, 대문자가 아님)가 됩니다:
html<p>
LOREM IPSUM DOLOR SIT AMET.
</p>cssp {
text-transform: lowercase;
}
Результат: