Skip to content

Commit 9503543

Browse files
committed
[css-ruby] Move block-level ruby section to same section as other (non-anonymous) box generation.
--HG-- extra : rebase_source : 197b0aafda018810429a36289c33950e151984c9
1 parent 115216f commit 9503543

2 files changed

Lines changed: 38 additions & 34 deletions

File tree

css-ruby/Overview.html

Lines changed: 20 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -129,9 +129,9 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
129129
<li><a href=#ruby-model><span class=secno>2</span> Ruby Formatting Model</a>
130130
<ul class=toc>
131131
<li><a href=#ruby-display><span class=secno>2.1</span> Ruby-specific <span>display</span> property values</a>
132-
<li><a href=#box-fixup><span class=secno>2.2</span> Anonymous Ruby Box Generation</a>
133132
<ul class=toc>
134-
<li><a href=#block-ruby><span class=secno>2.2.1</span> Block-level Ruby</a></ul>
133+
<li><a href=#block-ruby><span class=secno>2.1.1</span> Block-level Ruby</a></ul>
134+
<li><a href=#box-fixup><span class=secno>2.2</span> Anonymous Ruby Box Generation</a>
135135
<li><a href=#ruby-pairing><span class=secno>2.3</span> Ruby Pairing and Annotation Levels</a>
136136
<ul class=toc>
137137
<li><a href=#segment-pairing><span class=secno>2.3.1</span> Segment Pairing</a>
@@ -365,6 +365,24 @@ <h3 class="heading settled heading" data-level=2.1 id=ruby-display><span class=s
365365
(Corresponds to HTML/XHTML <code>&lt;rtc&gt;</code> elements.)
366366
</dl>
367367

368+
<h4 class="heading settled heading" data-level=2.1.1 id=block-ruby><span class=secno>2.1.1 </span><span class=content>
369+
Block-level Ruby</span><a class=self-link href=#block-ruby></a></h4>
370+
371+
<p>If an element has a computed <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-display-3/#propdef-display-inside title=display-inside>display-inside</a> of <a class=css data-link-type=maybe href=#ruby title=ruby>ruby</a>
372+
and a computed <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-display-3/#propdef-display-outside title=display-outside>display-outside</a> other than <span class=css data-link-type=maybe title=inline-level>inline-level</span>,
373+
then it generates two boxes:
374+
a principal block container box of the required <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-display-3/#propdef-display-outside title=display-outside>display-outside</a> type,
375+
and an inline-level <a data-link-type=dfn href=#ruby-container title="ruby container">ruby container</a>.
376+
All properties specified on the element apply to the principal box
377+
(and if inheritable, inherit to the <a data-link-type=dfn href=#ruby-container title="ruby container box">ruby container box</a>).
378+
This allows styling the element as a block,
379+
while correctly maintaining the internal ruby structure.
380+
381+
<p>See the <a href=http://www.w3.org/TR/css-display/>CSS Display Module</a>
382+
for more information on <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-display-3/#propdef-display-inside title=display-inside>display-inside</a> and <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-display-3/#propdef-display-outside title=display-outside>display-outside</a>.
383+
<span class=note>Note: There is no dedicated <a class=property data-link-type=propdesc href=#propdef-display title=display>display</a> keyword
384+
because ruby is fundamentally an inline layout feature.</span>
385+
368386
<h3 class="heading settled heading" data-level=2.2 id=box-fixup><span class=secno>2.2 </span><span class=content>
369387
Anonymous Ruby Box Generation</span><a class=self-link href=#box-fixup></a></h3>
370388

@@ -496,22 +514,6 @@ <h3 class="heading settled heading" data-level=2.2 id=box-fixup><span class=secn
496514
in its internal structures,
497515
as long as pairing and layout behaves as if they existed.
498516

499-
<h4 class="heading settled heading" data-level=2.2.1 id=block-ruby><span class=secno>2.2.1 </span><span class=content>
500-
Block-level Ruby</span><a class=self-link href=#block-ruby></a></h4>
501-
502-
<p>If an element has a computed <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-display-3/#propdef-display-inside title=display-inside>display-inside</a> of <a class=css data-link-type=maybe href=#ruby title=ruby>ruby</a>
503-
and a computed <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-display-3/#propdef-display-outside title=display-outside>display-outside</a> other than <span class=css data-link-type=maybe title=inline-level>inline-level</span>,
504-
then it generates two boxes:
505-
a principal block container box of the required <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-display-3/#propdef-display-outside title=display-outside>display-outside</a> type,
506-
and an inline-level <a data-link-type=dfn href=#ruby-container title="ruby container">ruby container</a>.
507-
All properties specified on the element apply to the principal box
508-
(and if inheritable, inherit to the <a data-link-type=dfn href=#ruby-container title="ruby container box">ruby container box</a>).
509-
This allows styling the element as a block,
510-
while correctly maintaining the internal ruby structure.
511-
512-
<p>See the <a href=http://www.w3.org/TR/css-display/>CSS Display Module</a>
513-
for more information on <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-display-3/#propdef-display-inside title=display-inside>display-inside</a> and <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-display-3/#propdef-display-outside title=display-outside>display-outside</a>.
514-
515517
<h3 class="heading settled heading" data-level=2.3 id=ruby-pairing><span class=secno>2.3 </span><span class=content>
516518
Ruby Pairing and Annotation Levels</span><a class=self-link href=#ruby-pairing></a></h3>
517519

css-ruby/Overview.src.html

Lines changed: 18 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -208,6 +208,24 @@ <h3 id="ruby-display">
208208
(Corresponds to HTML/XHTML <code>&lt;rtc&gt;</code> elements.)
209209
</dl>
210210

211+
<h4 id="block-ruby">
212+
Block-level Ruby</h4>
213+
214+
<p>If an element has a computed 'display-inside' of ''ruby''
215+
and a computed 'display-outside' other than ''inline-level'',
216+
then it generates two boxes:
217+
a principal block container box of the required 'display-outside' type,
218+
and an inline-level <i>ruby container</i>.
219+
All properties specified on the element apply to the principal box
220+
(and if inheritable, inherit to the <i>ruby container box</i>).
221+
This allows styling the element as a block,
222+
while correctly maintaining the internal ruby structure.
223+
224+
<p>See the <a href="http://www.w3.org/TR/css-display/">CSS Display Module</a>
225+
for more information on 'display-inside' and 'display-outside'.
226+
<span class="note">Note: There is no dedicated 'display' keyword
227+
because ruby is fundamentally an inline layout feature.</span>
228+
211229
<h3 id="box-fixup">
212230
Anonymous Ruby Box Generation</h3>
213231

@@ -339,22 +357,6 @@ <h3 id="box-fixup">
339357
in its internal structures,
340358
as long as pairing and layout behaves as if they existed.
341359

342-
<h4 id="block-ruby">
343-
Block-level Ruby</h4>
344-
345-
<p>If an element has a computed 'display-inside' of ''ruby''
346-
and a computed 'display-outside' other than ''inline-level'',
347-
then it generates two boxes:
348-
a principal block container box of the required 'display-outside' type,
349-
and an inline-level <i>ruby container</i>.
350-
All properties specified on the element apply to the principal box
351-
(and if inheritable, inherit to the <i>ruby container box</i>).
352-
This allows styling the element as a block,
353-
while correctly maintaining the internal ruby structure.
354-
355-
<p>See the <a href="http://www.w3.org/TR/css-display/">CSS Display Module</a>
356-
for more information on 'display-inside' and 'display-outside'.
357-
358360
<h3 id="ruby-pairing">
359361
Ruby Pairing and Annotation Levels</h3>
360362

0 commit comments

Comments
 (0)