Compartir a través de

text-align

  • Artículo

Establece si el texto del objeto está alineado a la izquierda, alineado a la derecha, centrado o justificado.

Sintaxis

{ text-align: sAlign }

Valores posibles

sAlign

Cadena que especifica o recibe uno de los valores siguientes:

left

Valor predeterminado. El texto se alinea a la izquierda.

center

El texto se centra.

justify

El texto se justifica.

right

El texto se alinea a la derecha.

La propiedad tiene el valor predeterminado left. Se hereda.

Observaciones

La propiedad se aplica a los elementos de bloque. Todos los objetos a nivel de bloque dentro de un objeto DIV heredan la propiedad.

Ejemplos

En el siguiente ejemplo se usa la propiedad text-align para alinear el texto dentro del objeto. Se utiliza el elemento P como selector y dos clases para llamar a una hoja de estilo incrustada que alinea el texto en función de la regla respectiva:

<style>
    p {text-align:center}
    .align1 {text-align:right}
    .align2 {text-align:justify}
</style>
</head>
<body>
<p onclick= "this.className='align1'" 
    ondblclick="this.className='align2'">
. . . </p>

Este ejemplo usa scripting en línea para cambiar la alineación del texto cuando se produce un evento onmouseover:

<p style="font-size:14" 
    onmouseover="this.style.textAlign='center'">
. . . </p>

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, CENTER, DD, DIV, DL, DT, FIELDSET, FORM, HN, HR, INPUT TYPE=PASSWORD, INPUT TYPE=TEXT, LI, OL, P, TABLE, TD, TH, TR, UL, XMP