We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

요약

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

초기값8
적용대상block containers
상속yes
Mediavisual
Computed valuethe specified integer or an absolute length
Animation typea length
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 Module Level 3
The definition of 'tab-size' in that specification.
Working Draft 초기 정의

브라우저 호환성

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

기능 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,