반응형
style의 txt-transform 속성을 사용하여
영문 텍스트를 대문자, 소문자, 또는 첫 글자만 대문자로 표시 가능합니다.
예제로 abc 단어를 바꿔보겠습니다.
<span style="text-transform:uppercase;">abc</span><br /> |
<span style="text-transform:lowercase;">ABC</span><br /> |
<span style="text-transform:capitalize;">Abc</span><br /> |
결과화면입니다.
style를 이용하여 적용시키도록 하겠습니다.
<div style= 결과->
"background-color:Yellow;text-indent:50px;">
<span style= 결과->
"white-space:nowrap;">010-1234-5678</span>
- 연속적인 공백문자를 처리하는 방법으로 3가지 속성이 있습니다.
normal, pre, nowrap가 있습니다. <nobr>를대처 가능한 것이 white-space입니다.
반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
14.CSS - 테두리외각선 (0) | 2009.07.29 |
---|---|
13.CSS - 여백관련 (0) | 2009.07.29 |
11.CSS - 정렬관련스타일 (0) | 2009.07.28 |
10.CSS - 폰트관련스타일 (0) | 2009.07.28 |
09.CSS - 영역설정 (0) | 2009.07.28 |
Comments