The text-justify property selects the justification method used when 'text-align' is set to 'justify'.

  • Initial valueauto
  • Applies toblock containers and, optionally, inline elements
  • InheritedYes
  • MediaVisual
  • Computed valueSpecified value
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.textJustify
Formal syntax: auto | none | inter-word | distribute 

text-justify: auto;
text-justify: none;
text-justify: inter-word;
text-justify: distribute;
  • 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.
.class {
   text-justify: distribute; 
}
noFirefox8+ExplorernoChromenoSafarinoOpera


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.