@@ -83,7 +83,7 @@ Diagram conventions</h3>
8383<h3 id="ruby-def">
8484What is ruby?</h3>
8585
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
8787 that appears alongside another run of text (referred to as the “base”)
8888 and serves as an annotation or a pronunciation guide associated with that run of text.
8989
@@ -207,10 +207,10 @@ The Ruby Formatting Context</h4>
207207 a <i> ruby container</i> and its base-level contents
208208 participate in the same inline formatting context that contains the <i> ruby container</i> itself.
209209
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>
211211 that builds further structure around their segment of the inline formatting context.
212212 <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> :
214214 like <i> internal table elements</i> ,
215215 they have specific roles in ruby layout,
216216 and participate in their <i> ruby container</i> ’s <i> ruby formatting context</i> .
@@ -223,53 +223,19 @@ The Ruby Formatting Context</h4>
223223
224224 <p class="issue"> Are internal ruby boxes inline-level?
225225
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-
256226<h4 id="block-ruby">
257227Non-Inline Ruby</h4>
258228
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'' ,
261231 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,
263233 and an inline-level <i> ruby container</i> .
264234 All properties specified on the element apply to the principal box
265235 (and if inheritable, inherit to the <i> ruby container box</i> ).
266236 This allows styling the element as a block,
267237 while correctly maintaining the internal ruby structure.
268238
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-
273239 <p class="note">
274240 Note that absolute positioning or floating an element causes its 'display' value
275241 to compute to a block-level equivalent. (See [[!CSS3-DISPLAY]] or [[!CSS21]] section 9.7.)
0 commit comments