@@ -232,21 +232,21 @@ Ruby-specific 'display-inside' and 'display-outside' values</h4>
232232 <th> 'display-outside'
233233 <th> 'display-inside'
234234 <tbody>
235- <tr><td> ''ruby''
236- <td> ''inline-level''
237- <td> ''ruby''
238- <tr><td> ''ruby-base''
239- <td> ''ruby-base''
240- <td> ''auto''
241- <tr><td> ''ruby-text''
242- <td> ''ruby-text''
243- <td> ''auto''
244- <tr><td> ''ruby-base-container''
245- <td> ''ruby-base-container''
246- <td> ''auto''
247- <tr><td> ''ruby-text-container''
248- <td> ''ruby-text-container''
249- <td> ''auto''
235+ <tr><td> ''display/ ruby''
236+ <td> ''display-outside/ inline-level''
237+ <td> ''display-inside/ ruby''
238+ <tr><td> ''display/ ruby-base''
239+ <td> ''display-outside/ ruby-base''
240+ <td> ''display-inside/ auto''
241+ <tr><td> ''display/ ruby-text''
242+ <td> ''display-outside/ ruby-text''
243+ <td> ''display-inside/ auto''
244+ <tr><td> ''display/ ruby-base-container''
245+ <td> ''display-outside/ ruby-base-container''
246+ <td> ''display-inside/ auto''
247+ <tr><td> ''display/ ruby-text-container''
248+ <td> ''display-outside/ ruby-text-container''
249+ <td> ''display-inside/ auto''
250250 </table>
251251
252252 <p> See the <a href="http://www.w3.org/TR/css-display/">CSS Display Module</a>
@@ -273,7 +273,7 @@ Non-Inline Ruby</h4>
273273 Note that absolute positioning or floating an element causes its 'display' value
274274 to compute to a block-level equivalent. (See [[!CSS3-DISPLAY]] or [[!CSS21]] section 9.7.)
275275 For the <i> internal ruby display types</i> ,
276- this causes their 'display' value to compute to ''block'' .
276+ this causes their 'display' value to compute to ''display/ block'' .
277277
278278<h3 id="box-fixup">
279279Anonymous Ruby Box Generation</h3>
@@ -814,7 +814,7 @@ Bidi Reordering</h3>
814814 <ul>
815815 <li>
816816 Bidi isolation is forced on all <i> internal ruby boxes</i> and the <i> ruby container</i> :
817- the ''normal'' and ''embed'' values of 'unicode-bidi' compute to ''isolate'' ,
817+ the ''unicode-bidi/ normal'' and ''embed'' values of 'unicode-bidi' compute to ''isolate'' ,
818818 and ''bidi-override'' computes to ''isolate-override'' .
819819 <p class="note">
820820 Note this means that implicit bidi reordering does not work across ruby bases,
@@ -1064,7 +1064,7 @@ Sharing Annotation Space: the 'ruby-merge' property</h3>
10641064
10651065 <p> Possible values:</p>
10661066 <dl dfn-for=ruby-merge>
1067- <dt> <dfn title="ruby-merge:separate">'' separate'' </dfn>
1067+ <dt> <dfn title="ruby-merge:separate">separate</dfn>
10681068 <dd>
10691069 <p>
10701070 Each ruby annotation box is rendered in the same column(s) as its corresponding base box(es).
@@ -1078,7 +1078,7 @@ Sharing Annotation Space: the 'ruby-merge' property</h3>
10781078 </div>
10791079 </dd>
10801080
1081- <dt> <dfn title="ruby-merge:collapse">'' collapse'' </dfn>
1081+ <dt> <dfn title="ruby-merge:collapse">collapse</dfn>
10821082 <dd>
10831083 <p>
10841084 All <i> ruby annotation boxes</i> within the same <i> ruby segment</i> on the same line are concatenated,
@@ -1098,7 +1098,7 @@ Sharing Annotation Space: the 'ruby-merge' property</h3>
10981098 </div>
10991099 </dd>
11001100
1101- <dt> <dfn title="ruby-merge:auto">'' auto'' </dfn> </dt>
1101+ <dt> <dfn title="ruby-merge:auto">auto</dfn> </dt>
11021102 <dd>
11031103 <p>
11041104 The user agent may use any algorithm to determine how each ruby annotation box
@@ -1158,7 +1158,7 @@ Ruby Text Distribution: the 'ruby-align' property</h3>
11581158
11591159 <p> Values have the following meanings:
11601160 <dl dfn-for=ruby-align>
1161- <dt> <dfn title="ruby-align:start">'' start'' </dfn> </dt>
1161+ <dt> <dfn title="ruby-align:start">start</dfn> </dt>
11621162 <dd> The ruby content is aligned with the start edge of its box.
11631163 <div class="figure">
11641164 <p><img
@@ -1167,23 +1167,23 @@ Ruby Text Distribution: the 'ruby-align' property</h3>
11671167 width="145" height="91"
11681168 alt="Diagram of glyph layout in left aligned ruby when ruby text is longer than base"
11691169 src="images/ra-l-rb.gif" />
1170- <p class="caption"> ''start'' ruby distribution
1170+ <p class="caption"> ''ruby-align/ start'' ruby distribution
11711171 </div>
11721172 </dd>
11731173
1174- <dt> <dfn title="ruby-align:center">'' center'' </dfn> </dt>
1174+ <dt> <dfn title="ruby-align:center">center</dfn> </dt>
11751175 <dd> The ruby content is centered within its box.
11761176 <div class="figure">
11771177 <p><img width="145" height="91"
11781178 alt="Diagram of glyph layout in center aligned ruby when ruby text is shorter than base"
11791179 src="images/ra-c.gif" /><img width="145" height="91"
11801180 alt="Diagram of glyph layout in center aligned ruby when ruby text is longer than base"
11811181 src="images/ra-c-rb.gif" />
1182- <p class="caption"> ''center'' ruby distribution
1182+ <p class="caption"> ''ruby-align/ center'' ruby distribution
11831183 </div>
11841184 </dd>
11851185
1186- <dt> <dfn title="ruby-align:space-between">'' space-between'' </dfn> </dt>
1186+ <dt> <dfn title="ruby-align:space-between">space-between</dfn> </dt>
11871187 <dd>
11881188 <p> The ruby content expands as defined for normal text justification
11891189 (as defined by 'text-justify' ),
@@ -1195,13 +1195,13 @@ Ruby Text Distribution: the 'ruby-align' property</h3>
11951195 src="images/ra-dl.gif" /><img width="145" height="91"
11961196 alt="Diagram of glyph layout in distribute-letter aligned ruby when ruby text is longer than base"
11971197 src="images/ra-dl-rb.gif" />
1198- <p class="caption"> ''space-between'' ruby distribution
1198+ <p class="caption"> ''ruby-align/ space-between'' ruby distribution
11991199 </div>
12001200 </dd>
12011201
1202- <dt> <dfn title="ruby-align:space-around">'' space-around'' </dfn> </dt>
1202+ <dt> <dfn title="ruby-align:space-around">space-around</dfn> </dt>
12031203 <dd>
1204- <p> As for ''space-between''
1204+ <p> As for ''ruby-align/ space-between''
12051205 except that there exists an extra <i> justification opportunities</i>
12061206 whose space is distributed half before and half after the ruby content.
12071207 <div class="example">
@@ -1216,7 +1216,7 @@ Ruby Text Distribution: the 'ruby-align' property</h3>
12161216 src="images/ra-ds.gif" /><img width="145" height="91"
12171217 alt="Diagram of glyph layout in auto aligned ruby when ruby text is longer than base"
12181218 src="images/ra-ds-rb.gif" />
1219- <p class="caption"> Wide-cell text in ''space-around'' ruby distribution is spaced apart
1219+ <p class="caption"> Wide-cell text in ''ruby-align/ space-around'' ruby distribution is spaced apart
12201220 </div>
12211221 <p> ... and narrow-cell glyph ruby to be centered.
12221222 <div class="figure">
@@ -1227,7 +1227,7 @@ Ruby Text Distribution: the 'ruby-align' property</h3>
12271227 alt="Diagram of character layout in auto aligned ruby when ruby text is longer than narrow-width base"
12281228 width="145" height="91"
12291229 src="images/ra-c-rb-h.gif" />
1230- <p class="caption"> Narrow-width ruby text in ''space-around'' ruby distribution is centered
1230+ <p class="caption"> Narrow-width ruby text in ''ruby-align/ space-around'' ruby distribution is centered
12311231 </div>
12321232 </div>
12331233 </dd>
0 commit comments