Definition and Usage
The tab-size CSS property is used to customize the width of a tab (U+0009) character.
- Initial 8
- Applies to block containers
- Inherited yes
- Media visual
- Computed Value the specified integer or an absolute length
- Animatable no
- Canonical order the unique non-ambiguous order defined by the formal grammar
Syntax
Formal syntax: <integer>
tab-size: 4
tab-size: 0
tab-size: 8
tab-size: inherit
Values
- <integer>
- The number of spaces in a tab. Must be positive.
- inherit
- Inherits from the parent element.
Examples
pre {
tab-size: 4; /* Set tab size to 4 spaces */
}
pre {
tab-size: 0; /* Remove indentation */
}
pre {
tab-size: 99; /* Don't use tabs! */
}
Compatibility
Desktop browsers
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|
Basic support | 21 | 4.0 (2.0)-moz | NA | 10.60-o | Nightly build (537.1) |
Mobile browsers
Feature | iOS Safari | Opera Mini | Opera Mobile | Android Browser |
---|
Basic support | NA | NA | NA | NA |