@@ -83,7 +83,7 @@ Diagram conventions</h3>
83
83
<h3 id="ruby-def">
84
84
What is ruby?</h3>
85
85
86
- <p> <dfn>Ruby</dfn> is the commonly-used name for a run of text
86
+ <p> <dfn export >Ruby</dfn> is the commonly-used name for a run of text
87
87
that appears alongside another run of text (referred to as the “base”)
88
88
and serves as an annotation or a pronunciation guide associated with that run of text.
89
89
@@ -207,10 +207,10 @@ The Ruby Formatting Context</h4>
207
207
a <i> ruby container</i> and its base-level contents
208
208
participate in the same inline formatting context that contains the <i> ruby container</i> itself.
209
209
210
- <p> However <i> ruby containers</i> also establish a <dfn>ruby formatting context</dfn>
210
+ <p> However <i> ruby containers</i> also establish a <dfn export >ruby formatting context</dfn>
211
211
that builds further structure around their segment of the inline formatting context.
212
212
<i> Ruby bases</i> , <i> ruby annotations</i> , <i> ruby base containers</i> , and <i> ruby annotation containers</i>
213
- are <dfn lt="internal ruby boxes|internal ruby display types">internal ruby boxes</dfn> :
213
+ are <dfn export lt="internal ruby boxes|internal ruby display types">internal ruby boxes</dfn> :
214
214
like <i> internal table elements</i> ,
215
215
they have specific roles in ruby layout,
216
216
and participate in their <i> ruby container</i> ’s <i> ruby formatting context</i> .
@@ -223,53 +223,19 @@ The Ruby Formatting Context</h4>
223
223
224
224
<p class="issue"> Are internal ruby boxes inline-level?
225
225
226
- <h4 id="display-inside-outside">
227
- Ruby-specific 'display-inside' and 'display-outside' values</h4>
228
-
229
- <p> The ruby-specific 'display' values map to 'display-inside' and 'display-outside' as follows:
230
- <table class="data">
231
- <thead>
232
- <tr><th> 'display'
233
- <th> 'display-outside'
234
- <th> 'display-inside'
235
- <tbody>
236
- <tr><td> ''display/ruby''
237
- <td> ''display-outside/inline-level''
238
- <td> ''display-inside/ruby''
239
- <tr><td> ''display/ruby-base''
240
- <td> ''display-outside/ruby-base''
241
- <td> ''display-inside/auto''
242
- <tr><td> ''display/ruby-text''
243
- <td> ''display-outside/ruby-text''
244
- <td> ''display-inside/auto''
245
- <tr><td> ''display/ruby-base-container''
246
- <td> ''display-outside/ruby-base-container''
247
- <td> ''display-inside/auto''
248
- <tr><td> ''display/ruby-text-container''
249
- <td> ''display-outside/ruby-text-container''
250
- <td> ''display-inside/auto''
251
- </table>
252
-
253
- <p> See the <a href="http://www.w3.org/TR/css-display/">CSS Display Module</a>
254
- for more information on 'display-inside' and 'display-outside' . [[!CSS3-DISPLAY]]
255
-
256
226
<h4 id="block-ruby">
257
227
Non-Inline Ruby</h4>
258
228
259
- <p> If an element has a computed <i> inner display type</i> of ''ruby''
260
- and a computed computed <i> outer display type</i> other than ''inline-level '' ,
229
+ <p> If an element has an <i> inner display type</i> of ''ruby''
230
+ and an <i> outer display type</i> other than ''display/ inline'' ,
261
231
then it generates two boxes:
262
- a principal block container box of the required ' display-outside' type,
232
+ a principal block container box of the required <i> outer display type </i> type,
263
233
and an inline-level <i> ruby container</i> .
264
234
All properties specified on the element apply to the principal box
265
235
(and if inheritable, inherit to the <i> ruby container box</i> ).
266
236
This allows styling the element as a block,
267
237
while correctly maintaining the internal ruby structure.
268
238
269
- <p class="note">
270
- Note: There is no dedicated block-level 'display' shorthand keyword
271
- because ruby is fundamentally an inline layout feature.
272
-
273
239
<p class="note">
274
240
Note that absolute positioning or floating an element causes its 'display' value
275
241
to compute to a block-level equivalent. (See [[!CSS3-DISPLAY]] or [[!CSS21]] section 9.7.)
0 commit comments