Compartir a través de


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

Vea también

Conceptos

padding

margin

vertical-align