text-justify

Article
10/10/2017

Important

This documentation is preliminary and subject to change.

Sets the type of alignment used to justify text in the object.

Syntax

{ text-align-last: sAlign }

Possible values

sAlign

String that specifies or receives one of the following values:

auto	Default. Allows the browser to determine which justification algorithm to apply.
distribute	Handles spacing much like the newspaper value. This form of justification is optimized for documents in Asian languages, such as Thai.
inter-cluster	Justifies lines of text that contain no inter-word spacing. This form of justification is optimized for documents in Asian languages.
inter-ideograph	Justifies lines of ideographic text, and increases or decreases both inter-ideograph and inter-word spacing.
inter-word	Aligns text by increasing the space between words. This value's spacing behavior is the fastest way to make all lines of text equal in length. Its justification behavior does not affect the last line of the paragraph.
kashida	Justifies lines of text by elongating characters at chosen points. This form of justification is intended for Arabic script languages.
newspaper	Increases or decreases the spacing between letters and between words. It is the most sophisticated form of justification for Latin alphabets.

The property has a default value of auto. It is inherited.

Remarks

The property applies to block elements. The property is inherited.

For this property to affect text layout, the text-align property must be set to justify.

The property applies to block elements.

Example

The following example uses the text-justify property to align text within the object.

...
<div style="text-align:justify; text-justify:distribute;">
    This example demonstrates how to use this property. This is
    something. This example demonstrates how to use this property.
    This is something. This example demonstrates how to this 
    property. This is something. This example demonstrates how to use this
    property. This is something. This example demonstrates how to
    use this property. This is something. This example demonstrates
    how to use this property. This is something. This example
    demonstrates how to use this property. This is something.
    This example demonstrates how to use this property. This is
    something. This example demonstrates how to use this property.
</ div>                
...

Standards information

This pseudo-class is defined in CSS3 Text Module Gg721783.xtlink_newWindow(en-us,Expression.40).png .

Applies to

address, blockquote, body, center, dd, div, dl, dt, fieldset, form, hn, hr, input type=password, input type=text, li, ol, p, table, td, th, tr, ul, xmp