Atributo text-indent de CSS

Definición

El atributo text-indent especifica el sangrado del primer renglón de un bloque de texto.

Comentario:Permite valores negativos. Si se utilizan valores negativos, el primer renglón se sangrará a la izquierda.

Nota:Antes de CSS 2.1, text-indent siempre heredaba el valor calculado, no el valor declarado.

Descripción

Se utiliza para definir el sangrado del primer renglón de un elemento de bloque. Se utiliza comúnmente para crear un efecto de "pestaña" permitiendo especificar valores negativos, lo que produce un efecto de sangrado colgante.

Vea también:

Tutoriales de CSS:Texto CSS

Manual de referencia de HTML DOM:Atributo textIndent

Ejemplo

Sangrar el primer renglón del párrafo 50 píxeles:

p
  {
  text-indent:50px;
  }

Intente usted mismo

Sintaxis de CSS



Valor del atributo





Valor
Descripción




length
Define un sangrado fijo. Valor predeterminado: 0.




%
Define el sangrado basado en el ancho del elemento padre en porcentajes.




inherit
Se debe especificar que el valor de text-indent debe ser heredado del elemento padre.









Detalles técnicos



  

    Valor predeterminado:
    no especificado
  

  

    Herencia:
    sí
  

  

    Versión:
    CSS1
  

  

    Sintaxis de JavaScript:
    object.style.textIndent="50px"
  








Más ejemplos




Sangrado de texto


Este ejemplo muestra cómo sangrar el primer renglón del texto.








Compatibilidad del navegador


Los números en la tabla indican la primera versión de navegador que completamente admite esa propiedad.





Chrome
IE / Edge
Firefox
Safari
Opera




1.0
3.0
1.0
1.0
3.5