CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS3 text-justify Property
Example
Justification changes spacing between words:
div
{
text-align:justify;
text-justify:inter-word;
}
{
text-align:justify;
text-justify:inter-word;
}
Try it yourself »
Browser Support
The text-justify property is currently supported only in Internet Explorer.
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;
| Value | Description | Play it |
|---|---|---|
| auto | The browser determines the justification algorithm | Play it » |
| inter-word | Increases/Decreases the space between words | Play it » |
| inter-ideograph | Justifies content with ideographic text | Play it » |
| inter-cluster | Only content that does not contain any inter-word spacing (such as Asian languages) is justified | Play it » |
| distribute | Like the newspaper value, except that in East Asian languages (such as Thai) the last line is not justified | Play it » |
| kashida | Justifies content by elongating characters | Play it » |
| trim | Play it » | |
| none | The justification is disabled | Play it » |
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
