tab-size 속성

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

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

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

구문

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

예시

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

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

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

Результат:

예시

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

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

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

Результат:

예시

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

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

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

Результат: