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

CSS

.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:

Share this Page

If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL

Menu