CSS3 text-justify Property
Topic: CSS3 Properties ReferencePrev|Next
Description
The text-justify CSS property specifies the justification method to use when the text-align property is set to 'justify'.
The following table summarizes the usages context and the version history of this property.
| Default value: | auto |
|---|---|
| Applies to: | Block and optionally inline elements |
| Inherited: | Yes |
| Animatable: | No. See animatable properties. |
| Version: | New in CSS3 |
Syntax
The syntax of the property is given with:
The example below shows the text-justify property in action.
Example
Try this code »p {
text-align: justify;
text-justify: inter-word;
}Property Values
The following table describes the values of this property.
| Value | Description |
|---|---|
auto |
The browser determines the justification algorithm to follow. This is default value. |
none |
The justification is disabled. |
inter-word |
Increases or decreases the spacing between words. |
distribute |
Increases or decreases the spacing between letters and words. |
initial |
Sets this property to its default value. |
inherit |
If specified, the associated element takes the computed value of its parent element text-justify property. |
Browser Compatibility
The text-justify property is not supported in most of the browsers.
 |
Basic Support—
|
Warning: The text-justify property is currently not supported by the most of the browsers. You should better avoid using this property.
Further Reading
See tutorial on: CSS Text.
Related properties: text-align, white-space, letter-spacing, word-spacing.
