Property Description
The text-justify property specifies the justification method to use when text-align is set to "justify"
This property has the following syntax:
text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim|initial|inherit;
Note: If the value is negative, the first line will be indented to the left.
Property Values
| Value | Description |
|---|---|
| auto | The browser determines the justification algorithm |
| inter-word | Increases/Decreases the space between words |
| inter-ideograph | Justifies content with ideographic text |
| inter-cluster | Only content that does not contain any inter-word spacing (such as Asian languages) is justified |
| distribute | Spacing between letters and words are increased or decreased as necessary |
| kashida | Justifies content by elongating characters |
| trim | |
| none | The justification is disabled |
| initial | Specifies that the value of the property should be set to the default value |
| inherit | Specifies that the value of the property should be inherited from the parent element |
Examples
This example shows a use of this property:
div
{
text-align: justify;
text-justify: inter-word;
}
Browser Support
| Chrome | Firefox | IE | Safari | Opera |
|---|---|---|---|---|
| 5.5 |
Miscellaneous Information
| Inherited: | Yes |
|---|---|
| Defined In: | CSS3 |
| Default Value: | auto |
