Definition and Usage
The text-justify property specifies the justification method to use when text-align is set to "justify".
This property specifies how justified text should be aligned and spaced.
| Default value: | auto |
|---|---|
| Inherited: | yes |
| Version: | CSS3 |
| JavaScript syntax: | object.style.textJustify="inter-word" |
Syntax
text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;
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 | Like the newspaper value, except that in East Asian languages (such as Thai) the last line is not justified |
| kashida | Justifies content by elongating characters |
| trim | |
| none | The justification is disabled |
Examples
div {
text-align:justify;
text-justify:inter-word;
}
