tab-size 속성

tab-size 속성은 Tab 키로 생성된 들여쓰기 크기를 설정합니다.

white-space 속성이 pre 또는 pre-wrap 값으로 설정되었을 때, 그리고 pre 태그에 대해서만 작동합니다.

속성 값은 양의 정수를 취하며, 이는 Tab 키가 해당하는 공백의 수를 지정합니다. 기본값: 8개의 공백.

구문

선택자 {
	tab-size: 양의 정수;
}

Tab 들여쓰기를 0개의 공백과 같게 설정합니다:

<div id="elem">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

#elem {
	tab-size: 0;
	white-space: pre;
	border: 1px solid black;
}

Tab 들여쓰기를 1개의 공백과 같게 설정합니다:

<div id="elem">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

#elem {
	tab-size: 1;
	white-space: pre;
	border: 1px solid black;
}

Tab 들여쓰기를 2개의 공백과 같게 설정합니다:

<div id="elem">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

#elem {
	tab-size: 2;
	white-space: pre;
	border: 1px solid black;
}