# tab-size property

The `tab-size` property sets the size of the indent created by the `Tab` key.

Works only if the `white-space` property is set to `pre` or `pre-wrap`, as well as for the `pre` tag.

The property value takes a positive integer, which specifies the number of white spaces that would be made by the `Tab` key. Default value: `8` spaces.

## Syntax

`selector { tab-size: positive integer; }`

## Example

We set the `Tab` indentation equal to `0` white spaces:

`<div id="elem"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>` `#elem { tab-size: 0; white-space: pre; border: 1px solid black; }`

:

## Example

We set the Tab indent equal to `1` space:

`<div id="elem"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>` `#elem { tab-size: 1; white-space: pre; border: 1px solid black; }`

:

## Example

We set the `Tab` indent equal to `2` spaces:

`<div id="elem"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>` `#elem { tab-size: 2; white-space: pre; border: 1px solid black; }`

:

← →
↑
en ru