CSS 참조 지침서

CSS @규칙(RULES)

white-space CSS 속성은 요소 내에서 공백(예: 공백, 탭, 줄 바꿈 문자)을 어떻게 처리할지 정의합니다.

이 표는 이 속성의 사용 설명과 버전 이력 기록, 그리고 자바스크립트 스크립트에서 이 속성을 사용하는 문법을 나타냅니다.

기본 값:	normal
적용:	모든 요소
thừa kế:	네
애니메이션 가능:	아니요.참조: 애니메이션 속성。
버전:	CSS 1，2，3
JavaScript 문법:	object.style.whiteSpace="pre-wrap"

이 속성의 문법은 다음과 같습니다:

white-space:　normal　|　pre　|　nowrap　|　pre-line　|　pre-wrap　|　initial　|　inherit

아래 예제는 white-space 속성.

예제

　　code　{
　　　white-space:　pre;
　　}
　　p　{
　　　white-space:　nowrap;
　　}

아래 표는 이 속성의 값을 설명합니다.

값	설명
normal	공백 시퀀스는 단일 공백으로 축소됩니다. 채우는 라인 블록의 곳에 개행 문자가 나타납니다. 이는 기본 값입니다.
nowrap	텍스트가 개행되지 않습니다. 텍스트는 같은 행에서 계속되고, <br> 태그까지는 계속됩니다.
pre	비어 있는 시퀀스를 유지합니다. 행은 유지된 개행 문자에서만 끊어집니다. 행은 HTML의 <pre> 태그와 유사합니다.
pre-line	비어 있는 시퀀스를 결합하여, 하지만 개행 문자를 유지합니다.
pre-wrap	비어 있는 시퀀스를 유지합니다. 개행 문자는 유지된 개행 문자 및 채우는 행 블록의 모든 곳에 나타납니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 white-space 속성 값.

white-space 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

경고:pre-line Firefox 3.5，Safari 3.0과 Opera 9.5이전 버전이 이 값을 지원하지 않습니다. 값 pre-line, pre-wrap 및 inherit가 Internet Explorer 7및 이전 버전이 지원하지 않습니다.

다음 튜토리얼을 참조하십시오:HTML 텍스트 형식。