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>
372
+
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>,
373
+
then it generates two boxes:
374
+
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,
375
+
and an inline-level <adata-link-type=dfnhref=#ruby-containertitle="ruby container">ruby container</a>.
376
+
All properties specified on the element apply to the principal box
377
+
(and if inheritable, inherit to the <adata-link-type=dfnhref=#ruby-containertitle="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 <ahref=http://www.w3.org/TR/css-display/>CSS Display Module</a>
382
+
for more information on <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-display-3/#propdef-display-insidetitle=display-inside>display-inside</a> and <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-display-3/#propdef-display-outsidetitle=display-outside>display-outside</a>.
383
+
<spanclass=note>Note: There is no dedicated <aclass=propertydata-link-type=propdeschref=#propdef-displaytitle=display>display</a> keyword
384
+
because ruby is fundamentally an inline layout feature.</span>
<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>
503
-
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>,
504
-
then it generates two boxes:
505
-
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,
506
-
and an inline-level <adata-link-type=dfnhref=#ruby-containertitle="ruby container">ruby container</a>.
507
-
All properties specified on the element apply to the principal box
508
-
(and if inheritable, inherit to the <adata-link-type=dfnhref=#ruby-containertitle="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 <ahref=http://www.w3.org/TR/css-display/>CSS Display Module</a>
513
-
for more information on <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-display-3/#propdef-display-insidetitle=display-inside>display-inside</a> and <aclass=propertydata-link-type=propdeschref=http://dev.w3.org/csswg/css-display-3/#propdef-display-outsidetitle=display-outside>display-outside</a>.
0 commit comments