12. 텍스트관련스타일
.NET프로그래밍/CSS 2.0 2009. 7. 28. 11:58 |<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>텍스트관련스타일</title>
</head>
<body>
<span style="text-transform:uppercase;">abc(대문자로 표시)</span>
<span style="text-transform:lowercase;">ABC(소문자로 표시)</span>
<span style="text-transform:capitalize;">abc(첫자만 대문자로 표시)</span>
<div style="background-color:Yellow;text-indent:50px;">
들여쓰기
</div>
<div style="white-space:pre;">
<b>안녕</b>하세요.
</div>
안녕하세요. 저의 전화번호는
<span style="white-space:nowrap;">010-1234-1234</span>입니다.
</body>
</html>
<!--
- "text-indent"속성을 이용해서 <blockquote>태그의 기능을 대체할 수 있다.
- "white-space"속성에 'pre'또는 'nowrap'을 적용하여 <pre>태그와 <nobr>태그의 기능을 대체할 수 있다.
-->
< 실행결과 >
<브라우저 창을 줄였을 때 - "white-space"속성에 'nowrap'값을 적용한 전화번호텍스트는 깨지지 않는다.>
'.NET프로그래밍 > CSS 2.0' 카테고리의 다른 글
| 14. 외곽선(테두리) (0) | 2009.07.28 |
|---|---|
| 13. 여백관련스타일 (0) | 2009.07.28 |
| 11. 정렬관련스타일 (0) | 2009.07.28 |
| 10. 폰트관련스타일 (0) | 2009.07.28 |
| 9. 영역설정태그- <div>와 <span>태그 (0) | 2009.07.28 |