この記事はまだボランティアによって 日本語 に翻訳されていません。ぜひ MDN に参加して翻訳を手伝ってください!
この記事を English (US) で読むこともできます。

The text-justify CSS property sets what type of justification should be applied to text when text-align: justify; is set on an element.

text-justify: none;
text-justify: auto;
text-justify: inter-word;
text-justify: inter-character;
text-justify: distribute; /* Deprecated value */

Initial valueauto
Applies toinline-level and table-cell elements
Inheritedyes
Mediavisual
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Syntax

The text-justify property is specified as a single keyword chosen from the list of values below.

Values

none
The text justification is turned off. This has the same effect as not setting text-align at all, although it is useful if you need to turn justification on and off for some reason.
auto
The browser chooses the best type of justification for the current situation based on a balance between performance and quality, but also on what is most appropriate for the language of the text (e.g., English, CJK languages, etc.). This is the default justification used if text-justify is not set at all.
inter-word
The text is justified by adding space between words (effectively varying word-spacing), which is most appropriate for languages that separate words using spaces, like English or Korean.
inter-character
The text is justified by adding space between characters (effectively varying letter-spacing), which is most appropriate for languages like Japanese.
distribute
Exhibits the same behaviour as inter-character; this value is kept for backwards compatibility.

Formal syntax

auto | inter-character | inter-word | none

Examples

p {
  font-size: 1.5em;
  border: 1px solid black;
  padding: 10px;
  width: 95%;
  margin: 10px auto;
  text-align: justify;
}

.none {
  text-justify: none;
}

.auto {
  text-justify: auto;
}

.dist {
  text-justify: distribute;
}

.word {
  text-justify: inter-word;
}

.char {
  text-justify: inter-character;
}

Specifications

Specification Status Comment
CSS Text Module Level 3
The definition of 'text-justify' in that specification.
Working Draft  

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic support
Experimental
Chrome Full support Yes
Notes Disabled
Full support Yes
Notes Disabled
Notes inter-word and distribute (deprecated) values are supported, but distribute behavior is buggy.
Disabled This feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true). To change preferences in Chrome, visit chrome://flags.
Edge Full support 14
Notes
Full support 14
Notes
Notes Standard values inter-character and none are supported. The deprecated distribute value is also supported.
Firefox Full support 55IE Full support 11
Notes
Full support 11
Notes
Notes Standard values inter-character and none are supported. The deprecated distribute value is also supported.
Opera Full support Yes
Notes Disabled
Full support Yes
Notes Disabled
Notes inter-word and distribute (deprecated) values are supported, but distribute behavior is buggy.
Disabled This feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true).
Safari No support NoWebView Android No support NoChrome Android Full support Yes
Notes Disabled
Full support Yes
Notes Disabled
Notes inter-word and distribute (deprecated) values are supported, but distribute behavior is buggy.
Disabled This feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true). To change preferences in Chrome, visit chrome://flags.
Edge Mobile Full support 14
Notes
Full support 14
Notes
Notes Standard values inter-character and none are supported. The deprecated distribute value is also supported.
Firefox Android Full support 55Opera Android Full support Yes
Notes Disabled
Full support Yes
Notes Disabled
Notes inter-word and distribute (deprecated) values are supported, but distribute behavior is buggy.
Disabled This feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true).
Safari iOS No support NoSamsung Internet Android Full support Yes

Legend

Full support  
Full support
No support  
No support
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.
See implementation notes.
See implementation notes.
User must explicitly enable this feature.
User must explicitly enable this feature.

See also

ドキュメントのタグと貢献者

このページの貢献者: ddbeck, mfluehr, faceless, fscholz, chrisdavidmills, jeremychen
最終更新者: ddbeck,