La text-justifypropiedad en CSS es un complemento de la text-alignpropiedad que se utiliza para establecer el método de justificación del texto cuando text-alignse establece en el justifyvalor.
p ( text-align: justify; text-justify: inter-word; )Valores
inter-word: Especifica que el texto se justifica ajustando el espaciado entre palabras, creando efectivamente un espaciado adicional entre palabras. Esta es efectivamente una variación de laword-spacingpropiedad.inter-character: Especifica que el texto se justifica ajustando el espaciado entre caracteres, creando efectivamente un espaciado adicional entre caracteres. Esta es efectivamente una variación de laletter-spacingpropiedad.auto: Permite al navegador determinar si la justificación se maneja mejor comointer-wordointer-character. Esto puede ser útil en escenarios multilingües donde el idioma del contenido se desconoce hasta que se procesa, lo que permite al agente de usuario del navegador elegir en consecuencia según el método que mejor se adapte al contexto del idioma.none: Deshabilita los métodos de justificación, eliminando efectivamente cualquier oportunidad de justificación o anulando donde un método de justificación puede ocurrir en la cascada.
¿Qué es exactamente la justificación?
El texto justificado es una forma elegante de decir cómo el texto llena el cuadro que lo contiene. De hecho, es posible que ya esté familiarizado con la justificación del texto y ni siquiera lo sepa. Si alguna vez ha utilizado software de edición de texto como Word y Google Docs, es posible que esté familiarizado con estos iconos:
Los tres primeros establecen la alineación del texto, al igual que la text-alignpropiedad CSS , donde el texto se puede alinear a la izquierda, a la derecha o completamente centrado.
Ese cuarto icono es la opción de justificar y le dice al contenido que ocupe todo el ancho del documento para que cada línea quede alineada hasta el borde, independientemente de si afecta el espacio entre palabras.
La text-justifypropiedad nos permite hacer lo mismo, pero con flexibilidad adicional para determinar si el método de espaciado utilizado para justificar el contenido se gestiona entre palabras o caracteres.
Soporte del navegador
La text-justifypropiedad está incluida en la especificación CSS Text Module Level 3, que actualmente se encuentra en estado Borrador del editor en el momento de escribir este artículo.
Actualmente, esta propiedad está listada como "en riesgo" de ser eliminada en el período de Recomendación Candidata. Como tal, no se recomienda utilizar esta propiedad en producción, ya que es poco probable que se adopte como estándar en todos los navegadores en un futuro próximo.
El soporte actual está limitado a Firefox 55+. Internet Explorer 11 y Edge 14+ también admiten la propiedad, pero solo el inter-wordvalor y los valores no oficiales no incluidos en la especificación W3C.
Estos datos de soporte del navegador son de Caniuse, que tiene más detalles. Un número indica que el navegador admite la función en esa versión en adelante.
Escritorio
| Cromo | Firefox | ES DECIR | Borde | Safari |
|---|---|---|---|---|
| No | 55 | 11 | 18 | No |
Móvil / Tablet
| Android Chrome | Android Firefox | Androide | Safari de iOS |
|---|---|---|---|
| No | 85 | No | No |