text-align
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