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 |