MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.

요약

tab-size CSS 속성은 탭 문자(U+0009)의 너비를 조절하는데 사용됩니다.

초기값8
적용대상block containers
상속yes
Mediavisual
Computed valuethe specified integer or an absolute length
Animatableno
Canonical orderthe unique non-ambiguous order defined by the formal grammar

문법

문법 형식: <integer> | <length>
tab-size: 4
tab-size: 0
tab-size: 8

tab-size: inherit

<integer>
하나의 탭이 표현될 공백의 수입니다. 음수일 수 없습니다.
<length>
탭의 너비입니다. 음수일 수 없습니다.
inherit
부모 요소로부터 상속받습니다.

예제

pre {
  tab-size: 4; /* 탭 크기를 4 칸의 공백으로 정함 */
}
pre {
  tab-size: 0; /* 들여쓰기를 없앰 */
}
pre {
  tab-size: 99; /* 탭을 쓰지 마세요! */
}

명세

명세 상태 비고
CSS Text Level 3
The definition of 'tab-size' in that specification.
Working Draft 초기 정의

브라우저 호환성

기능 Chrome Firefox (Gecko) Internet Explorer Opera Safari
기본 지원 21 4.0 (2.0)-moz No support 10.60-o/15 6.1
<length> No support bug 943918 No support No support No support
기능 iOS Safari Opera Mini Opera Mobile Android Browser
기본 지원 7.1 -o 11.5-o/24 4.4

참고 사항

문서 태그 및 공헌자

 이 페이지의 공헌자: Sebastianz, hyeonseok
 최종 변경: Sebastianz,