You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>If <dfnclass=cssdata-dfn-for=text-align-lastdata-dfn-type=valuedata-export="" id=valdef-text-align-last-auto>auto<aclass=self-linkhref=#valdef-text-align-last-auto></a></dfn> is specified,
1675
1675
content on the affected line is aligned per <aclass=propertydata-link-type=propdeschref=#propdef-text-aligntitle=text-align>text-align</a>
1676
-
unless <aclass=propertydata-link-type=propdeschref=#propdef-text-aligntitle=text-align>text-align</a> is set to <aclass=cssdata-link-type=maybehref=#valdef-text-align-justifytitle=justify>justify</a>.
1677
-
In this case, content is justified if <aclass=propertydata-link-type=propdeschref=#propdef-text-justifytitle=text-justify>text-justify</a> is <aclass=cssdata-link-type=maybehref=#valdef-text-justify-distributetitle=distribute>distribute</a>
1678
-
and start-aligned otherwise.
1676
+
unless <aclass=propertydata-link-type=propdeschref=#propdef-text-aligntitle=text-align>text-align</a> is set to <aclass=cssdata-link-type=maybehref=#valdef-text-align-justifytitle=justify>justify</a>,
1677
+
in which case it is start-aligned.
1679
1678
All other values have the same meanings as in <aclass=propertydata-link-type=propdeschref=#propdef-text-aligntitle=text-align>text-align</a>.
<dd>Justification adjusts spacing between each pair of adjacent <adata-link-type=dfnhref=#typographic-character-unittitle="typographic character units">typographic character units</a>
1801
1800
(effectively varying the used <aclass=propertydata-link-type=propdeschref=#propdef-letter-spacingtitle=letter-spacing>letter-spacing</a> on the line).
1802
1801
This value is sometimes used in East Asian systems such as Japanese.
1803
1802
<divclass=figureid=fig-text-justify-distribute>
1804
1803
<p>
1805
1804
<imgalt="Extra space is equally distributed at points between spaces and letters of all writing systems." src=text-justify-distribute.png></p>
1806
-
<pclass=caption>Mixed-script text with <aclass=cssdata-link-type=propdeschref=#propdef-text-justifytitle=text-justify>text-justify: distribute</a>
1805
+
<pclass=caption>Mixed-script text with <aclass=cssdata-link-type=propdeschref=#propdef-text-justifytitle=text-justify>text-justify: inter-character</a>
1807
1806
</div>
1807
+
For legacy reasons, UAs must also support the alternate keyword <dfnclass=cssdata-dfn-for=text-justifydata-dfn-type=valuedata-export="" id=valdef-text-justify-distribute>distribute<aclass=self-linkhref=#valdef-text-justify-distribute></a></dfn>
regardless of which <adata-link-type=dfnhref=#typographic-character-unittitle="typographic character units">typographic character units</a> created that opportunity.
1844
1845
For example, if <adata-link-type=dfnhref=#justification-opportunitytitle="justification opportunities">justification opportunities</a> between two Han characters
1845
1846
and between two Latin letters are defined to be at the same level
1846
-
(as they are in the <aclass=cssdata-link-type=maybehref=#valdef-text-justify-distributetitle=distribute>distribute</a> justification style),
1847
+
(as they are in the <aclass=cssdata-link-type=maybehref=#valdef-text-justify-inter-charactertitle=inter-character>inter-character</a> justification style),
1847
1848
they are not treated differently because they originate from different <adata-link-type=dfnhref=#typographic-character-unittitle="typographic character units">typographic character units</a>.
<p>If the inline contents of a line cannot be stretched to the full width of the line box,
1894
1895
then they must be aligned as specified by the <aclass=propertydata-link-type=propdeschref=#propdef-text-align-lasttitle=text-align-last>text-align-last</a> property.
1895
1896
(If <aclass=propertydata-link-type=propdeschref=#propdef-text-align-lasttitle=text-align-last>text-align-last</a> is <aclass=cssdata-link-type=maybehref=#valdef-text-align-justifytitle=justify>justify</a>, then
1896
-
they must be aligned as for <aclass=cssdata-link-type=maybehref=#valdef-text-align-centertitle=center>center</a> if <aclass=propertydata-link-type=propdeschref=#propdef-text-justifytitle=text-justify>text-justify</a> is <aclass=cssdata-link-type=maybehref=#valdef-text-justify-distributetitle=distribute>distribute</a>,
1897
+
they must be aligned as for <aclass=cssdata-link-type=maybehref=#valdef-text-align-centertitle=center>center</a> if <aclass=propertydata-link-type=propdeschref=#propdef-text-justifytitle=text-justify>text-justify</a> is <aclass=cssdata-link-type=maybehref=#valdef-text-justify-inter-charactertitle=inter-character>inter-character</a>,
1897
1898
and as <aclass=cssdata-link-type=maybehref=#valdef-text-align-starttitle=start>start</a> otherwise.)
<tr><thscope=row><aclass=cssdata-link-type=propertyhref=#propdef-text-align-alltitle=text-align-all>text-align-all</a><td>start | end | left | right | center |
3135
3137
justify | match-parent<td>start<td>block containers<td>yes<td>N/A<td>visual<td>no<td>N/A<td><td>specified value
3136
3138
<tr><thscope=row><aclass=cssdata-link-type=propertyhref=#propdef-text-align-lasttitle=text-align-last>text-align-last</a><td>auto | start | end | left | right | center | justify<td>auto<td>block containers<td>yes<td>N/A<td>visual<td>no<td>N/A<td><td>specified value
<tr><thscope=row><aclass=cssdata-link-type=propertyhref=#propdef-word-spacingtitle=word-spacing>word-spacing</a><td>[ normal | <length> | <percentage>]<td>normal<td>all elements<td>yes<td>refers to width of the affected glyph<td>visual<td>as length, percentage, or calc<td>N/A<td><td>an absolute length
0 commit comments