Atributo text-justify de CSS

Definición y uso

La propiedad text-justify especifica el modo de alineación del texto cuando text-align se establece en "justify".

Esta propiedad especifica cómo alinear y separar el texto de alineación de línea.

Ejemplo

Cambiar el espacio entre palabras para alinear las líneas:

div
{
text-align:justify;
text-justify:inter-word;
}

Prueba personalmente

Sintaxis de CSS

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

Valor del atributo

Valor Descripción Pruebas
auto El navegador decide el algoritmo de alineamiento. Pruebas
none Deshabilita el alineamiento de líneas. Pruebas
inter-word Añade o reduce el espacio entre palabras. Pruebas
inter-ideograph Alinea el contenido con texto semántico. Pruebas
inter-cluster Solo alinea el contenido que no contiene espacios internos entre palabras (por ejemplo, sistemas de idiomas asiáticos). Pruebas
distribute Simil a la disposición de una página de periódico, excepto que en los sistemas de idiomas de Asia Oriental, la última línea no está alineada. Pruebas
kashida Alinear el contenido extendiendo los caracteres. Pruebas

Detalles técnicos

Valor predeterminado: auto
Herencia: sí
Versión: CSS3
Sintaxis de JavaScript: object.style.textJustify="inter-word"

Soporte del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
Soporte * 11.0 55.0 10.0.3 Soporte *

* Esta función se encuentra en la preferencia "Activar funciones de plataforma web experimental" (debe estar configurada como "Habilitado"). Para cambiar las preferencias en Chrome: ingrese "chrome://flags" en el navegador Chrome. Para cambiar las preferencias en Opera: ingrese "flags" en el navegador Opera.