CSS tab-size 속성

정의 및 사용법

tab-size 속성은 탭의 너비를 정의합니다.

HTML에서 탭은 일반적으로 단일 공백으로 표시되며, <textarea>와 <pre>와 같은 특정 요소를 제외하고, tab-size 속성의 결과는 이러한 요소에만 표시됩니다.

예제

탭의 너비를 16 개의 공백으로 설정합니다:

pre {-moz-tab-size: 16;} /* Firefox */
pre {tab-size: 16;}

개인적으로 시도해 보세요

CSS 문법

tab-size: number|length|initial|inherit;

속성 값

값 설명
number 각 탭에 표시되는 공백 문자의 수. 기본 값은 8입니다.
length 탭 길이. 주요 브라우저는 이 속성 값을 지원하지 않습니다.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 이 속성을 부모 요소에서 상속합니다. 참조: inherit.

기술 세부 사항

기본 값: 8
상속: 예
애니메이션 제작: 지원하지 않습니다. 참조:애니메이션 관련 속성.
버전: CSS3
JavaScript 문법: object.style.tabSize="16"

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 최초 브라우저 버전을 나타냅니다.

)-moz- 또는 -o-로 시작하는 숫자는 접두사를 사용하는 최초 버전을 의미합니다.

Chrome IE / Edge Firefox Safari Opera
21.0 79.0 4.0 -moz- 6.1 15.0
10.6 -o-