English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성大全

CSS3 tab-size 속성 사용 방법 및 예제

CSS 속성 tab-size는 사용자 정의 탭 (U+0009의 너비.

아래 표는 이 속성의 사용 설명과 버전 이력, 이 속성이 자바스크립트 스크립트에서 사용하는 문법을 설명합니다.

기본 값:8
적용:블록 컨테이너
thừa kế:
애니메이션 가능:아니요.참조: 애니메이션 속성
버전: CSS3의 새 기능
JavaScript 문법:object.style.tabSize="16"

tab-size 사용 문법

이 속성의 문법은 다음과 같습니다:

tab-size: integer | length | initial | inherit

아래 예제는 tab-size 속성.

  pre {
      -moz-tab-size: 4; /* 파이어폭스 */
        -o-tab-size: 4; /* 오페라 */
           tab-size: 4; 
  }
테스트를 보세요‹/›

속성 값

아래 표는 이 속성의 값을 설명합니다.

설명
integer탭 안의 공간 수를 지정합니다. 이는 양수여야 합니다.
length빈도를 라벨로 사용하는 것은 허용되지 않습니다. 부정적인 길이 값은 허용되지 않습니다.
initial이 속성을 기본 값으로 설정합니다.
inherit지정된 경우, 관련 요소는 부모 요소의 tab-size 속성 값.

브라우저 호환성

tab-size 속성 브라우저의 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

  • 파이어폭스 4+ -moz-

  • 구글 크롬21+

  • 인터넷 익스플로러 ×

  • 애플 사파리 6.1+

  • 오페라 10.6+ -o-,15+

경고:tab-size 대부분의 브라우저는 현재 이 속성의 길이 값을 지원하지 않습니다. 길이 값을 사용하는 것을 피하는 것이 좋습니다.

추가적인 읽기

다음 튜토리얼을 참조하십시오:CSS Text

관련 속성:white-spaceword-spacing