CSS text-justify Property
Description
The text-justify
property selects the justification method used when 'text-align' is set to 'justify'.
- Initial value
- auto
- Applies to
- block containers and, optionally, inline elements
- Inherited
- Yes
- Media
- Visual
- Computed value
- Specified value
- Animatable
- No
- CSS Version
- CSS3
- JavaScript syntax
- object.style.textJustify
Syntax
text-justify: auto | none | inter-word | distribute
Values
- autoAllows the browser to determine which justification algorithm to apply.
- noneJustification is disabled.
- inter-wordJustification adjusts spacing at word separators only (effectively varying the used word-spacing on the line). This behavior is typical for languages that separate words using spaces, like English or Korean.
- distributeJustification adjusts spacing between each pair of adjacent characters (effectively varying the used letter-spacing on the line). This value is sometimes used in Japanese.
Example
.class {
text-justify: distribute;
}
Browser Support
Desktop | |||||
11 | 12 | 32 | 55 | 19 | X |
Tablets / Mobile | |||||
![]() |
|||||
X | 32 | 55 | 19 | X | X |
Last updated by CSSPortal on: