CSS3 text-justifyProperty
Example
Change the spacing between characters so that each line is aligned:
div
{
text-align:justify;
text-justify:inter-word;
}
Try it Yourself »
Browser Support
The numbers in the table indicate the first browser version number that supports the property.
| Property | |||||
|---|---|---|---|---|---|
| text-justify | Not supported | 5.5 | Not supported | Not supported | Not supported |
Property definition and usage instructions
The text-justify property specifies the justification method when text-align is set to "justify".
This property specifies how text should be aligned and the spacing for alignment.
| 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;
| Value | Description |
|---|---|
| auto | The browser determines the justification algorithm. |
| none | Disable justification. |
| inter-word | Increase/decrease the spacing between words. |
| inter-ideograph | Justify content using ideographic text. |
| inter-cluster | Justifies content that does not contain internal word spacing (such as Asian languages). |
| distribute | Similar to newspaper layout, except that in East Asian languages the last line is not justified. |
| kashida | Justify content by stretching characters. |