Propriedade tab-size

A propriedade tab-size define o tamanho do recuo criado pela tecla Tab.

Funciona apenas se a propriedade white-space estiver definida com o valor pre ou pre-wrap, bem como para a tag pre.

O valor da propriedade é um número inteiro positivo que define a quantidade de espaços que corresponderá à tecla Tab. Valor padrão: 8 espaços.

Sintaxe

cssseletor {
  tab-size: número inteiro positivo;
}

Exemplo

Vamos definir o recuo da tecla Tab como igual a 0 espaços:

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

css#elem {
  tab-size: 0;
  white-space: pre;
  border: 1px solid black;
}

Результат:

Exemplo

Vamos definir o recuo da tecla Tab como igual a 1 espaço:

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

css#elem {
  tab-size: 1;
  white-space: pre;
  border: 1px solid black;
}

Результат:

Exemplo

Vamos definir o recuo da tecla Tab como igual a 2 espaços:

html<div id="elem">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>

css#elem {
  tab-size: 2;
  white-space: pre;
  border: 1px solid black;
}

Результат: