A propriedade CSS text-align-last

Definição e uso

A propriedade alinhamento-final determina como alinhar a última linha do texto.

Observe que a propriedade alinhamento-final define todas as últimas linhas dentro do elemento selecionado. Portanto, se um <div> contiver três parágrafos, alinhamento-final será aplicado à última linha de cada parágrafo. Para usar alinhamento-final no último parágrafo do contêiner, você pode usar :last-child, veja o exemplo a seguir.

Notas:No Edge/Internet Explorer, a propriedade alinhamento-final é aplicável apenas ao texto com "alinhamento: justificar".

Veja também:

Tutorial de CSS:Texto CSS

Manual de Referência do DOM HTML:textAlignLast Atributo

Exemplo

Alinhar a última linha de três elementos <div>:

div.a {
  alinhamento: justificar;  /* Para Edge */
  alinhamento-final: direita;
}
div.b {
  text-align: justify; /* Para Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* Para Edge */ 
  text-align-last: justify;
}

Experimente você mesmo

Mais exemplos TIY podem ser encontrados na parte inferior da página.

Sintaxe CSS

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

Valor do atributo

Valor Descrição
auto

Valor padrão. A regra de alinhamento de cada linha é determinada pelo valor de text-align.

Se o valor de text-align for justify, o comportamento de text-align-last é o mesmo que configurar start.
left A última linha alinha à esquerda.
right A última linha alinha à direita.
center A última linha alinha no centro.
justify O início da última linha de texto alinha com a esquerda do content box e o final com a direita.
start

A última linha alinha no início da linha.

Se text-direction for de esquerda para direita, alinhe à esquerda, se text-direction for de direita para esquerda, alinhe à direita.
end

A última linha alinha no final da linha.

Se text-direction for de esquerda para direita, alinhe à direita, se text-direction for de direita para esquerda, alinhe à esquerda.
initial Defina essa propriedade como seu valor padrão. Veja: initial.
inherit Herda essa propriedade do elemento pai. Veja: inherit.

Detalhes técnicos

Valor padrão: auto
Herança: Sim
Produção de animação: Não suportado. Veja:Propriedades relacionadas a animação.
Versão: CSS3
Sintaxe JavaScript: object.style.textAlignLast="right"

Mais exemplos

Use text-align-last: no último linha dentro do contêiner

div.b p:last-child {
  text-align-last: center;
}

Experimente você mesmo

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Os números com -moz- indicam a primeira versão que usa o prefixo.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 Não suportado 34.0

* No Edge/Internet Explorer, não suporta os valores "start" e "end".