text-justify

Back to the index.

text-justify allows you to control the justification of text in more detail.

It only works if the text already has text-align: justify. So all test paragraphs have that style.

auto

text-justify: auto

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-webkit-text-justify: auto

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-moz-text-justify: auto

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-ms-text-justify: auto

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-o-text-justify: auto

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

none

text-justify: none

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-webkit-text-justify: none

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-moz-text-justify: none

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-ms-text-justify: none

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-o-text-justify: none

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

inter-word

text-justify: inter-word

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-webkit-text-justify: inter-word

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-moz-text-justify: inter-word

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-ms-text-justify: inter-word

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-o-text-justify: inter-word

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

inter-ideograph

text-justify: inter-ideograph

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-webkit-text-justify: inter-ideograph

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-moz-text-justify: inter-ideograph

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-ms-text-justify: inter-ideograph

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-o-text-justify: inter-ideograph

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

distribute

text-justify: distribute

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-webkit-text-justify: distribute

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-moz-text-justify: distribute

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-ms-text-justify: distribute

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-o-text-justify: distribute

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

newspaper

This value is a Microsoft extension.

text-justify: newspaper

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-webkit-text-justify: newspaper

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-moz-text-justify: newspaper

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-ms-text-justify: newspaper

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

-o-text-justify: newspaper

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

Other values

If I understand correctly the inter-cluster and kashida values apply only to Southeast Asian languages, and not to European ones. I left them out of this test.