jQuery | javascript | CSS

12.CSS - 텍스트관련

Godffs 2009. 7. 29. 00:01
반응형

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 />

결과화면입니다.


<HTML>에 있는 들여쓰기 <blockquote> 문장을 묶는 <nobr>를
     style를 이용하여 적용시키도록 하겠습니다.

<blockquote> 입니다.

<div style=                                                                  결과->
      "background-color:Yellow;text-indent:50px;">

<nobr> 입니다.

<span style=                                              결과->
      "white-space:nowrap;">010-1234-5678</span>


기타)  공백문자 처리방법 (white-space)입니다.
     - 연속적인 공백문자를 처리하는 방법으로 3가지 속성이 있습니다.
normal, pre, nowrap가 있습니다.  <nobr>를대처 가능한 것이 white-space입니다.


반응형