tab-size property in CSS is used to adjust the amount of spaces that display for the tab character.
The tab character (unicode U+0009) is typically converted to spaces (unicode U+0020) by the white space processing rules and then collapsed so that only one space in a row is displayed in the browser. Therefore the
tab-size property is only useful when the white space processing rules do not apply, namely inside a
<pre> tag and when the
white-space property of an element is set to
The default value for the
tab-size property is 8 space characters, and it can accept any positive integer value.
He are some examples of the various ways
tab-size can be used:
As you can see in the examples above, the
tab-size property adjusts the amount of space allotted for the tab character. In the second example, the
<p> tag has to have its
white-space property adjusted to
pre-wrap in order for the tab characters to not be converted to regular spaces and collapsed.
You will also notice in the CSS that the
-o- prefixes are required for Firefox and Opera, but Chrome accepts the non-prefixed version.
The eight-space default is awfully large. If you need to support an unsupported browser, you could use this polyfill:
|21+||Nightly build (537.1)||4+||10.60+||Nope||Nope||Nope|
This property degrades very gracefully. Every browser supports tab characters. Lack of support for this property doesn't break anything, the browser merely displays eight-character wide tabs instead.