A propriedade CSS text-indent

Definição

A propriedade text-indent define o recuo da primeira linha do bloco de texto.

Notas:Permite valores negativos. Se valores negativos forem usados, a primeira linha será recuada para a esquerda.

Atenção:Antes do CSS 2.1, text-indent sempre herdava o valor calculado, não o valor declarado.

Explicação

Usada para definir o recuo da primeira linha de elementos de bloco. É mais frequentemente usada para criar um efeito de "aba". Permite valores negativos, que produzem um efeito de recuo "pendurado".

Veja também:

Tutorial de CSS:Texto CSS

Manual de referência do HTML DOM:Propriedade textIndent

Exemplo

Recuar a primeira linha do parágrafo em 50 pixels:

p
  {
  text-indent:50px;
  }

Experimente você mesmo

Sintaxe do CSS



Valor da propriedade





Valor
Descrição




length
Define um recuo fixo. Valor padrão: 0.




%
Define o recuo com base na largura do elemento pai em porcentagem.




inherit
Deve-se herdar o valor da propriedade text-indent do elemento pai.









Detalhes técnicos



  

    Valor padrão:
    não especificado
  

  

    Herança:
    sim
  

  

    Versão:
    CSS1
  

  

    Sintaxe do JavaScript:
    object.style.textIndent="50px"
  








Mais exemplos




Recuar o texto


Este exemplo demonstra como recuar a primeira linha do texto.








Suporte do navegador


Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.





Chrome
IE / Edge
Firefox
Safari
Opera




1.0
3.0
1.0
1.0
3.5