Blog Content

    티스토리 뷰

    12.CSS - 텍스트관련

    반응형

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

    결과화면입니다.

    그림 12-1

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

    <blockquote> 입니다.
    그림12-2

    <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입니다.


    반응형

    '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