Propriedade text-align-last
Última atualização: 2026-09-13
text-align-last Propriedade text-align-last
A propriedade text-align-last do CSS define o alinhamento da última linha dentro de um elemento de nível de bloco, geralmente combinada com text-align: justify. Por padrão, as regras de alinhamento do text-align não se aplicam à última linha de um parágrafo; o text-align-last permite controlar essa última linha separadamente para layouts justificados mais flexíveis e atraentes.
| Categoria | |
|---|---|
| Valor Inicial | auto |
| Herdado | Sim |
| Aplica-se A | |
| Tipo de Animação | |
| Versão CSS | CSS3 |
| Status | Padrão |
📝 Sintaxe
text-align-last: auto | start | end | left | right | center | justify;⚙️ Valores
| Valor | Tipo | Descrição |
|---|---|---|
auto | start | end | left | right | center | justify | Palavra-chave | Valores de alinhamento da última linha |
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo no playground:
🌐 Suporte dos Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| text-align-last | ✓ v43 | ✓ v12 | ✓ v49 | ✓ v9 | ✓ v30 |
| Suportado em todos os principais navegadores | |||||
Dica： auto faz a última linha seguir o valor de text-align; se text-align for justify, a última linha alinha à esquerda.
Aviso： O text-align-last só é visível quando o elemento tem várias linhas; uma única linha não mostra alteração.
❓ Perguntas Frequentes
QComo as propriedades text-align-last e text-align estão relacionadas?
AO text-align controla o alinhamento de todas as linhas exceto a última, e o text-align-last controla especificamente o alinhamento da linha final. Usados juntos, permitem um controle tipográfico mais refinado sobre o bloco de texto.
QPor que a minha propriedade text-align-last não está funcionando como esperado no CSS?
AVerifique se o elemento tem várias linhas de texto e se text-align está definido como justify. Se o texto for uma única linha, o text-align-last não produz efeito visível.
QComo centralizo a última linha de um parágrafo com text-align-last?
APrimeiro defina text-align: justify para alinhar o corpo nas duas bordas e, em seguida, defina text-align-last: center para centralizar a linha final. Observe que funciona apenas em texto de várias linhas; para uma única linha, use text-align: center.
🏷️ Propriedades Relacionadas
💡 Casos relacionados
📚 Tutoriais Relacionados
