CSS text-justify Property


Example

Set the justification method to "inter-word" when text-align is set to "justify":

div {
  text-align: justify;
  text-justify: inter-word;
}
Try it Yourself »

Definition and Usage

The text-justify property specifies the justification method of text when text-align is set to "justify".

Default value: auto
Inherited: yes
Animatable: no. Read about animatable
Version: CSS3
JavaScript syntax: object.style.textJustify="inter-word"

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
text-justify Yes* 11.0 55.0 10.0.3 Yes*

*This feature is behind the Enable Experimental Web Platform Features preference (needs to be set to Enabled). To change preferences in Chrome: type in "chrome://flags" in the Chrome browser. To change preferences in Opera: type in "flags" in the Opera browser.



CSS Syntax

text-justify: auto|inter-word|inter-character|none|initial|inherit;

Property Values

Value Description Demo
auto The browser determines the justification algorithm Play it »
inter-word Increases/Decreases the space between words Play it »
inter-character Increases/Decreases the space between characters Play it »
none Disables justification methods Play it »
initial Sets this property to its default value. Read about initial Play it »
inherit Inherits this property from its parent element. Read about inherit


Copyright 1999-2023 by Refsnes Data. All Rights Reserved.