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 |