Style whiteSpace 속성

정의와 사용법

whiteSpace 문자 내의 탭, 줄 바꿈 문자, 공백을 처리하는 방법을 설정하거나 반환합니다.

추가로 참조:

CSS 강의:CSS 텍스트

CSS 참조 가이드:white-space 속성

예제

예제 1

<div> 요소 내의 텍스트가 결코 줄 바꿈되지 않도록 지정합니다:

document.getElementById("myDIV").style.whiteSpace = "nowrap";

직접 시도해 보세요

예제 2

whiteSpace 속성 반환:

alert(document.getElementById("myDiv").style.whiteSpace);

직접 시도해 보세요

문법

whiteSpace 속성 반환:

object.style.whiteSpace

whiteSpace 속성 설정:

object.style.whiteSpace = "normal|nowrap|pre|initial|inherit"

속성 값

값 설명
normal

공백 시퀀스가 단일 공백으로 축소됩니다.

필요할 때마다 줄 바꿈합니다. 기본 값.
nowrap

공백 시퀀스가 단일 공백으로 축소됩니다.

문자열이 결코 다음 줄로 줄 바꿈되지 않습니다. 문자열이 동일한 줄에서 계속되고, <br> 표시자를 만날 때까지 계속됩니다.
pre

브라우저가 공백을 유지합니다.

문자열이 줄 바꿈 문자에서만 줄 바꿈합니다. HTML의 <pre> 태그와 유사합니다.
pre-line

공백 시퀀스가 단일 공백으로 축소됩니다.

문자열이 필요할 때마다 줄 바꿈하고 줄 바꿈 문자에서 줄 바꿈합니다.
pre-wrap

브라우저가 공백을 유지합니다.

문자열이 필요할 때마다 줄 바꿈하고 줄 바꿈 문자에서 줄 바꿈합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 부모 요소에서 이 속성을 상속받습니다. 참조: inherit.

기술 세부 사항

기본 값: normal
반환 값: 문자열, 요소 내 공백을 처리하는 방법을 나타냅니다.
CSS 버전: CSS1

브라우저 지원

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
지원 지원 지원 지원 지원