CSS text-justify Property

  2. CSS Properties
  3. text-justify

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

.class {
   text-justify: distribute; 
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
1112325519X
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
X325519XX

Last updated by CSSPortal on:

  • Sponsors
    • Turn Website into App - Convert your website into an app for Android and iOS. Updates automatically. Unicode Characters & Emojis - Search all Unicode characters and emojis plus other tools. Learn Wordpress - Wordpress hosting. Theme and plugin reviews. Wordpress development tips. Templatic - Wordpress Themes, Cloud Hosting, Backups and Webmaster Tips. A2 Web Hosting - Shared hosting, Reseller hosting, Cloud hosting, Dedicated hosting. Online Password Manager - Access your passwords from any computer, no need to remember all of your passwords. Advertise Here - Advertise your company and products here!