white-space Property

Home > Document > CSS > Text > white-space

white-space Property

white-space Property는 문자 사이의 공백(space)을 어떻게 처리할 것이지를 다루는 Property 입니다. HTML에서 문자와 문자 사이를 많이 띄우기 위해서  (non-breaking space)를 여러 개 입력하였지만 white-space Property 를 사용하면  를 사용하지 않고도 공백(white-space)을 여러개 줄 수 있습니다. 기본 값은 space를 1개 밖에 인정하지 않는 normal 이고, 공백을 space 의 갯수 만큼 그대로 보여주는 pre(Pre-formatted), 줄바꿈을 금지하는 nowrap(No Wrap)이 있습니다.

참고사항
white-space Property 의 Keyword 중 'pre' 는 DTD 선언(Document Type Definition declaration) 이 Strict Mode 일 때만 작동하고 나머지는 Transitional Mode 에서도 작동합니다. 즉, 문서 첫 줄에

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">

와 같이 선언해 주어야 합니다.


  [표 보는 방법]
white-space Property
Value normal | pre | nowrap | Inherit
Initial normal
Applies to block-level elements
Inherited yes
Percentages N/A
Media Visual
HTML Syntax { white-space: sSpace }
Scripting object.style.whiteSpace [ = sSpace ]



CSS Scripting
onMouseDown="this.style.whiteSpace='pre';"


white-space Property DHTML

Source Code - 각 단어 사이에 space 3개씩 들어감. 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">

<HTML>
    <HEAD>
        <TITLE>white-space Property</TITLE>
    <STYLE type="text/css">
    <!-- 
    .white1 { white-space : normal; }
    .white2 { white-space : pre; }
    .white3 { white-space : nowrap}
    -->
    </STYLE>
    </HEAD>
    <BODY>
        <P  class="white1" onMouseOver="this.className='white2';" 
        onMouseDown="this.className='white3';" onMouseOut="this.className='white1';">
powell's   April   14   letter   to   Defense   Secretary   Donald   H.   Rumsfeld   said   
the   U.S.   still   was  questioning   some   660   prisoners   from   42   countries   
about   al-Qaida   and other terrorist   activities. 

the   prisoners   have   been   held   without   trial   and   do   not   have   access   
to   lawyers.
        </P>
    </BODY>
</HTML>




이 문서의 저작권은 www.cadvance.org 에 있습니다.

Top
Back
New
검색