Propriedade tab-size
Última atualização: 2026-09-13
tab-size Propriedade tab-size
A propriedade tab-size do CSS define a largura de um caractere de tabulação (\t) conforme exibido na página, normalmente usada para controlar a indentação em blocos de código e elementos pre. O padrão é 8.
| Categoria | |
|---|---|
| Valor Inicial | 8 |
| Herdado | Sim |
| Aplica-se A | |
| Tipo de Animação | |
| Versão CSS | CSS3 |
| Status | Padrão |
📝 Sintaxe
tab-size: <integer> | <length>;⚙️ Valores
| Valor | Tipo | Descrição |
|---|---|---|
<integer> | Tipo | Largura da tabulação em número de espaços |
<length> | Tipo | Uma largura de tabulação fixa como comprimento |
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo no playground:
🌐 Suporte dos Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| tab-size | ✓ v21 | ✓ v12 | ✓ v9 | ✓ v6.1 | ✓ v15 |
| Suportado em todos os principais navegadores | |||||
Dica： Combine com white-space: pre ou pre-wrap para manter a indentação por tabulação do código-fonte.
Dica： Para blocos de código, 2 ou 4 é recomendado em vez do padrão 8 para um visual mais compacto.
❓ Perguntas Frequentes
QA propriedade tab-size suporta valores decimais ou fracionários no CSS?
AA forma <integer> aceita apenas números inteiros; a forma <length> aceita comprimentos decimais como 4px, mas a forma inteira é a mais comum. As implementações dos navegadores geralmente tratam a tabulação como avanço até o próximo marcador em múltiplos da largura.
QA propriedade tab-size é útil para conteúdo de texto chinês em uma página web?
AEla afeta apenas caracteres de tabulação no texto, geralmente encontrados em blocos de código (emparelhados com white-space: pre para manter a indentação). Parágrafos chineses comuns não usam indentação por tabulação, então não há efeito visível.
QComo torno a indentação por tabulação mais estreita em blocos de código usando CSS?
ADefina tab-size: 2 ou 4 em pre ou code em vez do padrão de 8 espaços para um código mais compacto e legível. Deve ser combinado com white-space: pre ou pre-wrap; caso contrário, os navegadores reduzem as tabulações a espaços.
🏷️ Propriedades Relacionadas
💡 Casos relacionados
📚 Tutoriais Relacionados
