CSS3 text-justify Property

Example

Justification changes spacing between words:

p
{
text-align:justify;
text-justify:inter-word;
}

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The text-justify property is not supported in any of the major browsers, except 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
auto The browser determines the justification algorithm
inter-word Increases/Decreases the space between words
inter-ideograph Justifies content with ideographic text
inter-cluster Only content that does not contain any inter-word spacing (such as Asian languages) is justified
distribute Like the newspaper value, except that in East Asian languages (such as Thai) the last line is not justified
kashida Justifies content by elongating characters
trim Specifies that compression is preferred to expansion and enables the trimming of blank space in glyphs where allowed by typographic tradition