CSS 화면 공간 속성

정의와 사용법

white-space 속성은 요소 내 백스페이스를 처리하는 방법을 설정합니다.

이 속성은 레이아웃 과정에서 요소 내 백스페이스를 처리하는 방법을 선언합니다. 값 pre-wrap과 pre-line은 CSS 2.1에서 추가되었습니다.

추가로 참고:

CSS 강의:CSS 텍스트

HTML DOM 참조 가이드:whiteSpace 속성

예제

단락 내 텍스트에 줄 바꿈을 수행하지 않도록 정의합니다:

p
  {
  white-space: nowrap;
  }

본인이 직접 테스트해 보세요

CSS 문법

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

속성 값

값 설명
normal 기본. 백스페이스는 브라우저에서 무시됩니다.
pre 백스페이스는 브라우저에서 유지됩니다. <pre> 태그와 유사한 동작 방식입니다.
nowrap 텍스트는 라인 피드하지 않으며, <br> 태그에 도달할 때까지 같은 줄에서 계속됩니다.
pre-wrap 백스페이스 시퀀스를 유지하지만 일반적으로 라인 피드를 수행합니다.
pre-line 백스페이스 시퀀스를 병합하지만 라인 피드를 유지합니다.
inherit 부모 요소에서 white-space 속성 값이 상속되는 것을 정의합니다.

기술 세부 사항

기본 값: normal
상속성: yes
버전: CSS1
JavaScript 문법: object.style.whiteSpace="pre"

추가 예제

요소 내에서 텍스트 줄 바꿈을 차단
이 예제에서는 요소 내 텍스트의 단락 단위 줄 바꿈을 차단하는 방법을 보여줍니다.

브라우저 지원

표中的 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5