@@ -232,21 +232,21 @@ Ruby-specific 'display-inside' and 'display-outside' values</h4>
232
232
<th> 'display-outside'
233
233
<th> 'display-inside'
234
234
<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''
250
250
</table>
251
251
252
252
<p> See the <a href="http://www.w3.org/TR/css-display/">CSS Display Module</a>
@@ -273,7 +273,7 @@ Non-Inline Ruby</h4>
273
273
Note that absolute positioning or floating an element causes its 'display' value
274
274
to compute to a block-level equivalent. (See [[!CSS3-DISPLAY]] or [[!CSS21]] section 9.7.)
275
275
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'' .
277
277
278
278
<h3 id="box-fixup">
279
279
Anonymous Ruby Box Generation</h3>
@@ -814,7 +814,7 @@ Bidi Reordering</h3>
814
814
<ul>
815
815
<li>
816
816
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'' ,
818
818
and ''bidi-override'' computes to ''isolate-override'' .
819
819
<p class="note">
820
820
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>
1064
1064
1065
1065
<p> Possible values:</p>
1066
1066
<dl dfn-for=ruby-merge>
1067
- <dt> <dfn title="ruby-merge:separate">'' separate'' </dfn>
1067
+ <dt> <dfn title="ruby-merge:separate">separate</dfn>
1068
1068
<dd>
1069
1069
<p>
1070
1070
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>
1078
1078
</div>
1079
1079
</dd>
1080
1080
1081
- <dt> <dfn title="ruby-merge:collapse">'' collapse'' </dfn>
1081
+ <dt> <dfn title="ruby-merge:collapse">collapse</dfn>
1082
1082
<dd>
1083
1083
<p>
1084
1084
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>
1098
1098
</div>
1099
1099
</dd>
1100
1100
1101
- <dt> <dfn title="ruby-merge:auto">'' auto'' </dfn> </dt>
1101
+ <dt> <dfn title="ruby-merge:auto">auto</dfn> </dt>
1102
1102
<dd>
1103
1103
<p>
1104
1104
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>
1158
1158
1159
1159
<p> Values have the following meanings:
1160
1160
<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>
1162
1162
<dd> The ruby content is aligned with the start edge of its box.
1163
1163
<div class="figure">
1164
1164
<p><img
@@ -1167,23 +1167,23 @@ Ruby Text Distribution: the 'ruby-align' property</h3>
1167
1167
width="145" height="91"
1168
1168
alt="Diagram of glyph layout in left aligned ruby when ruby text is longer than base"
1169
1169
src="images/ra-l-rb.gif" />
1170
- <p class="caption"> ''start'' ruby distribution
1170
+ <p class="caption"> ''ruby-align/ start'' ruby distribution
1171
1171
</div>
1172
1172
</dd>
1173
1173
1174
- <dt> <dfn title="ruby-align:center">'' center'' </dfn> </dt>
1174
+ <dt> <dfn title="ruby-align:center">center</dfn> </dt>
1175
1175
<dd> The ruby content is centered within its box.
1176
1176
<div class="figure">
1177
1177
<p><img width="145" height="91"
1178
1178
alt="Diagram of glyph layout in center aligned ruby when ruby text is shorter than base"
1179
1179
src="images/ra-c.gif" /><img width="145" height="91"
1180
1180
alt="Diagram of glyph layout in center aligned ruby when ruby text is longer than base"
1181
1181
src="images/ra-c-rb.gif" />
1182
- <p class="caption"> ''center'' ruby distribution
1182
+ <p class="caption"> ''ruby-align/ center'' ruby distribution
1183
1183
</div>
1184
1184
</dd>
1185
1185
1186
- <dt> <dfn title="ruby-align:space-between">'' space-between'' </dfn> </dt>
1186
+ <dt> <dfn title="ruby-align:space-between">space-between</dfn> </dt>
1187
1187
<dd>
1188
1188
<p> The ruby content expands as defined for normal text justification
1189
1189
(as defined by 'text-justify' ),
@@ -1195,13 +1195,13 @@ Ruby Text Distribution: the 'ruby-align' property</h3>
1195
1195
src="images/ra-dl.gif" /><img width="145" height="91"
1196
1196
alt="Diagram of glyph layout in distribute-letter aligned ruby when ruby text is longer than base"
1197
1197
src="images/ra-dl-rb.gif" />
1198
- <p class="caption"> ''space-between'' ruby distribution
1198
+ <p class="caption"> ''ruby-align/ space-between'' ruby distribution
1199
1199
</div>
1200
1200
</dd>
1201
1201
1202
- <dt> <dfn title="ruby-align:space-around">'' space-around'' </dfn> </dt>
1202
+ <dt> <dfn title="ruby-align:space-around">space-around</dfn> </dt>
1203
1203
<dd>
1204
- <p> As for ''space-between''
1204
+ <p> As for ''ruby-align/ space-between''
1205
1205
except that there exists an extra <i> justification opportunities</i>
1206
1206
whose space is distributed half before and half after the ruby content.
1207
1207
<div class="example">
@@ -1216,7 +1216,7 @@ Ruby Text Distribution: the 'ruby-align' property</h3>
1216
1216
src="images/ra-ds.gif" /><img width="145" height="91"
1217
1217
alt="Diagram of glyph layout in auto aligned ruby when ruby text is longer than base"
1218
1218
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
1220
1220
</div>
1221
1221
<p> ... and narrow-cell glyph ruby to be centered.
1222
1222
<div class="figure">
@@ -1227,7 +1227,7 @@ Ruby Text Distribution: the 'ruby-align' property</h3>
1227
1227
alt="Diagram of character layout in auto aligned ruby when ruby text is longer than narrow-width base"
1228
1228
width="145" height="91"
1229
1229
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
1231
1231
</div>
1232
1232
</div>
1233
1233
</dd>
0 commit comments