You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>If an element has a computed <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-display-3/#propdef-display-insidetitle=display-inside>display-inside</a> of <aclass=cssdata-link-type=maybehref=#rubytitle=ruby>ruby</a>
418
-
and a computed <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-display-3/#propdef-display-outsidetitle=display-outside>display-outside</a> other than <spanclass=cssdata-link-type=maybetitle=inline-level>inline-level</span>,
417
+
<p>If an element has a computed <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-display-3/#inner-display-typetitle="inner display type">inner display type</a> of <aclass=cssdata-link-type=maybehref=#rubytitle=ruby>ruby</a>
418
+
and a computed computed <adata-link-type=dfnhref=http://dev.w3.org/csswg/css-display-3/#outer-display-typetitle="outer display type">outer display type</a> other than <spanclass=cssdata-link-type=maybetitle=inline-level>inline-level</span>,
419
419
then it generates two boxes:
420
420
a principal block container box of the required <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-display-3/#propdef-display-outsidetitle=display-outside>display-outside</a> type,
421
421
and an inline-level <adata-link-type=dfnhref=#ruby-containertitle="ruby container">ruby container</a>.
while correctly maintaining the internal ruby structure.
426
426
427
-
<p>
427
+
<pclass=note>
428
428
Note: There is no dedicated block-level <aclass=propertydata-link-type=propdeschref=#propdef-displaytitle=display>display</a> shorthand keyword
429
429
because ruby is fundamentally an inline layout feature.
430
430
431
-
<p>Absolute positioning or floating an element causes its <aclass=propertydata-link-type=propdeschref=#propdef-displaytitle=display>display</a> value
432
-
to compute to a block-level equivalent. (See <adata-biblio-type=normativedata-link-type=bibliohref=#biblio-css21title=biblio-CSS21>[CSS21]</a>section 9.7.)
433
-
This is equivalent to setting its <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-display-3/#propdef-display-outsidetitle=display-outside>display-outside</a>to <spanclass=cssdata-link-type=maybetitle=block-level>block-level</span>.
431
+
<pclass=note>
432
+
Note that absolute positioning or floating an element causes its <aclass=propertydata-link-type=propdeschref=#propdef-displaytitle=display>display</a>value
433
+
to compute to a block-level equivalent. (See <adata-biblio-type=normativedata-link-type=bibliohref=#biblio-css3-displaytitle=biblio-CSS3-DISPLAY>[CSS3-DISPLAY]</a>or <adata-biblio-type=normativedata-link-type=bibliohref=#biblio-css21title=biblio-CSS21>[CSS21]</a> section 9.7.)
434
434
For the <adata-link-type=dfnhref=#internal-ruby-boxestitle="internal ruby display types">internal ruby display types</a>,
435
435
this causes their <aclass=propertydata-link-type=propdeschref=#propdef-displaytitle=display>display</a> value to compute to <spanclass=cssdata-link-type=maybetitle=block>block</span>.
436
-
<spanclass=issueid=issue-47ce3bc6><aclass=self-linkhref=#issue-47ce3bc6></a>This should go into the Display module. Once that’s done, this can become a note.</span>
<ahref=#issue-ca88244c> ↵ </a></div><divclass=issue>This should go into the Display module. Once that’s done, this can become a note.<ahref=#issue-47ce3bc6> ↵ </a></div>
1768
-
1769
-
<divclass=issue>The goal of this is to simplify the layout model by suppressing any line breaks within ruby annotations.
1766
+
<ahref=#issue-ca88244c> ↵ </a></div><divclass=issue>The goal of this is to simplify the layout model by suppressing any line breaks within ruby annotations.
1770
1767
Alternatively we could try to define some kind of acceptable behavior for them.
1771
1768
1772
1769
<ahref=#issue-8af70305> ↵ </a></div><divclass=issue>Make <ahref=http://lists.w3.org/Archives/Public/www-archive/2014Jun/att-0027/PastedGraphic-1.png>this diagram</a> into an example.
0 commit comments