text-indent
Establece la sangría de la primera línea del texto en el objeto.
Sintaxis
{ text-indent: sIndent }
Valores posibles
sIndent
Variante que especifica o recibe uno de los valores siguientes:
porcentaje |
Entero seguido de un signo de porcentaje (%). Este valor es un porcentaje del ancho del objeto primario. |
longitud |
Número de punto flotante seguido de un designador de unidades absolutas (cm, mm, in, pt o pc) o de un designador de unidades relativas (em, ex o px). |
La propiedad tiene el valor predeterminado 0. Se hereda.
Observaciones
La propiedad puede ser negativa. No se inserta una sangría en la mitad de un objeto roto por otro objeto como hace el elemento BR en el elemento HTML.
Ejemplos
En el siguiente ejemplo se usa la propiedad text-indent para aplicar sangría al texto del objeto. Se utilizan llamadas a una hoja de estilo incrustada (global) para cambiar la sangría del texto cuando se produzca un evento onclick. Al principio, se aplicó una sangría de 2 centímetros al texto con el elemento DIV como selector en la hoja de estilos:
<style>
div {text-indent:2cm}
.click1 {text-indent:50%}
.click2 {text-indent:}
</style>
</head>
<body>
<div onclick="this.className='click1'"
ondblclick="this.className='click2'">
. . . </div>
Información sobre estándares
Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).
Aplicable a
BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DFN, DIV, DL, DT, FIELDSET, FORM, HN, HR, LI, OL, P, TABLE, TD, TH, TR, UL, XMP