Propriedade text-indent
Última atualização: 2026-09-13
text-indent Propriedade text-indent
A propriedade text-indent do CSS define a indentação horizontal da primeira linha de um elemento de nível de bloco, comumente usada para indentação da primeira linha de parágrafos. Afeta apenas a primeira linha. Os valores podem ser um comprimento fixo (como 2em) ou uma porcentagem da largura do bloco contêiner, e valores negativos criam uma indentação despendurada.
| Categoria | |
|---|---|
| Valor Inicial | 0 |
| Herdado | Sim |
| Aplica-se A | block |
| Tipo de Animação | length |
| Versão CSS | CSS1 |
| Status | Padrão |
📝 Sintaxe
text-indent: <length> | <percentage>;⚙️ Valores
| Valor | Tipo | Descrição |
|---|---|---|
<length> | Tipo | Uma indentação fixa da primeira linha |
<percentage> | Tipo | Uma porcentagem da largura do bloco contêiner |
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo no playground:
🌐 Suporte dos Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| text-indent | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os principais navegadores | |||||
Dica： Na tipografia chinesa, 2em é o padrão para uma indentação de duas caracteres na primeira linha; a unidade em escala automaticamente com o tamanho da fonte.
Aviso： text-indent aplica-se apenas a elementos de nível de bloco; elementos inline como span não são indentados.
❓ Perguntas Frequentes
QA que largura o valor em porcentagem de text-indent é relativo?
AÉ relativo à largura de conteúdo do bloco contêiner do elemento (o pai), não à sua própria largura ou tamanho de fonte. Por exemplo, com um pai de 400px, text-indent: 10% indenta a primeira linha em 40px. A unidade em, por outro lado, é relativa ao tamanho da fonte do elemento atual.
QPosso combinar text-indent com outras técnicas de indentação?
ASim. O text-indent afeta apenas a primeira linha, então combiná-lo com padding-left indenta o parágrafo inteiro; combinar um valor negativo com padding-left cria uma indentação despendurada onde a primeira linha se projeta para a esquerda. As duas técnicas não conflitam.
QComo indento a primeira linha de um parágrafo em dois caracteres?
AA regra padrão da tipografia chinesa é text-indent: 2em. Como em é relativo ao tamanho da fonte atual, a indentação acompanha o tamanho automaticamente e equivale sempre a dois caracteres de largura. Evite valores px fixos, que ficam desproporcionais quando o tamanho da fonte muda.
🏷️ Propriedades Relacionadas
💡 Casos relacionados
📚 Tutoriais Relacionados
Propriedade text-align
Controla o alinhamento horizontal do texto.
Propriedade margin
Controla a margem externa de um elemento.
