Skip to content

Commit aec6064

Browse files
committed
[css-ruby] Remove references to dropped display-inside/display-outside properties. Export some more terms.
1 parent 67e47ef commit aec6064

File tree

2 files changed

+44
-148
lines changed

2 files changed

+44
-148
lines changed

css-ruby/Overview.bs

Lines changed: 6 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ Diagram conventions</h3>
8383
<h3 id="ruby-def">
8484
What 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">
257227
Non-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

Comments
 (0)