Exemplo
Definir o alinhamento de texto para <h1>, <h2> e <h3> elementos:
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
} Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade text-align especifica o alinhamento horizontal do texto em um elemento.
| Valor padrão: | left if direction is ltr, and right if direction is rtl |
|---|---|
| Herdado: | yes |
| Animatable: | no. Read about animatable |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.textAlign="right" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3,5 |
CSS Syntax
text-align: left|right|center|justify|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| left | Alinha o texto à esquerda | Jogue " |
| right | Alinha o texto à direita | Jogue " |
| center | Centraliza o texto | Jogue " |
| justify | Estende as linhas de modo que cada linha tem a mesma largura (como em jornais e revistas) | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
mais Exemplos
Exemplo
Este exemplo demonstra um exemplo text-align mais avançado:
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
} Tente você mesmo " Páginas relacionadas
Tutorial CSS: CSS Texto
HTML DOM de referência: textAlign property