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 value | auto |
---|---|
Applies to | inline-level and table-cell elements |
Inherited | yes |
Media | visual |
Computed value | as specified |
Animation type | discrete |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
The text-justify
property is specified as a single keyword chosen from the list of values below.
none
text-align
at all, although it is useful if you need to turn justification on and off for some reason.auto
text-justify
is not set at all.inter-word
word-spacing
), which is most appropriate for languages that separate words using spaces, like English or Korean.inter-character
letter-spacing
), which is most appropriate for languages like Japanese.distribute
inter-character
; this value is kept for backwards compatibility.auto | inter-character | inter-word | none
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; }
Specification | Status | Comment |
---|---|---|
CSS Text Module Level 3 The definition of 'text-justify' in that specification. | Working Draft |
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | Yes
|
14
|
55 | 11
|
Yes
|
No |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | No | Yes
|
14
|
55 | Yes
|
No | Yes |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/text-justify