[css-ruby] split out some details of inter-character layout, make containers unstyleable for now

Author: fantasai

css-ruby/Overview.html

@@ -213,11 +213,18 @@ <h2 class="no-num no-toc" id=contents> Table of Contents</h2>
 
      <li><a href="#ruby-layout"><span class=secno>2.6. </span> Ruby
       layout</a>
+      <ul class=toc>
+       <li><a href="#inter-character-layout"><span class=secno>2.6.1. </span>
+        Inter-character ruby layout</a>
+      </ul>
+
+     <li><a href="#box-style"><span class=secno>2.7. </span> Styling Ruby
+      Boxes </a>
 
-     <li><a href="#line-breaking"><span class=secno>2.7. </span> Ruby box and
+     <li><a href="#line-breaking"><span class=secno>2.8. </span> Ruby box and
       line breaking</a>
 
-     <li><a href="#line-height"><span class=secno>2.8. </span> Ruby box and
+     <li><a href="#line-height"><span class=secno>2.9. </span> Ruby box and
       line stacking</a>
     </ul>
 
@@ -788,8 +795,8 @@ <h3 id=ruby-layout><span class=secno>2.6. </span> Ruby layout</h3>
 
   <p>When a ruby structure is laid out, its base level is laid out on the
    line, aligned according to its ‘<code
-   class=property>vertical-align</code>’ property exactly as if it were a
-   regular sequence of <i>inline</i> boxes. Each <a
+   class=property>vertical-align</code>’ property exactly as if its
+   <i>bases</i> were a regular sequence of <i>inline</i> boxes. Each <a
    href="#ruby-base-container-box"><i>ruby base container</i></a> is sized
    and positioned to contain exactly the full height of its <a
    href="#ruby-base-box"><i>ruby bases</i></a>.
@@ -808,23 +815,57 @@ <h3 id=ruby-layout><span class=secno>2.6. </span> Ruby layout</h3>
    href="#ruby-annotation-box"><i>ruby annotations</i></a>.
 
   <p>A ruby container (or fragment thereof) measures as wide as the content
-   of its widest level. (In the case of ‘<code
-   class=css>inter-character</code>’ annotations, they are spliced in and
-   measured as part of the base level.) Similarly, <a
-   href="#ruby-base-box"><i>ruby base boxes</i></a> and <a
-   href="#ruby-annotation-box"><i>ruby annotation boxes</i></a> within a ruby
-   “column” have the measure of the widest content in that “column”.
-   In the case of spanning <i>annotations</i> (whether actually spanning or
-   pretending to span per ‘<code class=property>ruby-collapse</code>’),
-   the measures of the <a href="#ruby-annotation-box"><i>ruby annotation
-   box</i></a> and the sum of its associated <a href="#ruby-base-box"><i>ruby
-   base boxes</i></a> must match.
+   of its widest level. Similarly, <a href="#ruby-base-box"><i>ruby base
+   boxes</i></a> and <a href="#ruby-annotation-box"><i>ruby annotation
+   boxes</i></a> within a ruby “column” have the measure of the widest
+   content in that “column”. In the case of spanning <i>annotations</i>
+   (whether actually spanning or pretending to span per ‘<code
+   class=property>ruby-collapse</code>’), the measures of the <a
+   href="#ruby-annotation-box"><i>ruby annotation box</i></a> and the sum of
+   its associated <a href="#ruby-base-box"><i>ruby base boxes</i></a> must
+   match.
 
   <p>How the extra space is distributed when ruby content is narrower than
    the measure of its box is specified by the ‘<a href="#ruby-align"><code
    class=property>ruby-align</code></a>’ property.
 
-  <h3 id=line-breaking><span class=secno>2.7. </span> Ruby box and line
+  <h4 id=inter-character-layout><span class=secno>2.6.1. </span>
+   Inter-character ruby layout</h4>
+
+  <p>Inter-character annotations have special layout. When ‘<a
+   href="#ruby-position"><code class=property>ruby-position</code></a>’
+   indicates ‘<code class=css>inter-character</code>’ annotations, the
+   affected <i>annotation boxes</i> are spliced into and measured as part of
+   the layout of the base level. The <a
+   href="#ruby-base-container-box"><i>ruby base container</i></a> must be
+   sized to include both the <i>base boxes</i> as well as the ‘<code
+   class=css>inter-character</code>’ <i>annotation boxes</i> The affected
+   <a href="#ruby-annotation-container-box"><i>ruby annotation
+   container</i></a> is similarly sized so that its content box coincides
+   with that of the <a href="#ruby-base-container-box"><i>ruby base
+   container</i></a>.
+
+  <p>For the purpose of laying out other levels of annotations, an ‘<code
+   class=css>inter-character</code>’ annotation effectively becomes part of
+   its base. <span class=issue>Or should it become a quasi-base between two
+   bases?</span> A spanning ‘<code class=css>inter-character</code>’
+   annotation is placed after all the bases that it spans.
+
+  <h3 id=box-style><span class=secno>2.7. </span> Styling Ruby Boxes</h3>
+
+  <p>In most respects, ruby boxes can be styled similar to inline boxes.
+   However, the UA is not required to support any of the box properties
+   (borders, margins, padding), any of the background properties or outline
+   properties, or any other property that illustrates the bounds of the box
+   on <a href="#ruby-base-container-box"><i>ruby base container boxes</i></a>
+   or <a href="#ruby-annotation-container-box"><i>ruby annotation container
+   boxes</i></a>. The UA may implement these boxes simply as abstractions for
+   inheritance and control over the layout of their contents.
+
+  <p class=issue> Alternatively... use margins to control offsets? Or could
+   line-height be adequate? Its centering behavior can be awkward.
+
+  <h3 id=line-breaking><span class=secno>2.8. </span> Ruby box and line
    breaking</h3>
 
   <p>When there is not enough space for an entire <a
@@ -886,7 +927,7 @@ <h3 id=line-breaking><span class=secno>2.7. </span> Ruby box and line
     breaking opportunity
   </div>
 
-  <h3 id=line-height><span class=secno>2.8. </span> Ruby box and line
+  <h3 id=line-height><span class=secno>2.9. </span> Ruby box and line
    stacking</h3>
 
   <p>The ‘<code class=property>line-height</code>’ property controls

css-ruby/Overview.src.html

@@ -491,7 +491,7 @@ <h3 id="ruby-layout">
 	<p>When a ruby structure is laid out,
 	its base level is laid out on the line,
 	aligned according to its 'vertical-align' property
-	exactly as if it were a regular sequence of <i>inline</i> boxes.
+	exactly as if its <i>bases</i> were a regular sequence of <i>inline</i> boxes.
 	Each <i>ruby base container</i> is sized and positioned
 	to contain exactly the full height of its <i>ruby bases</i>.
 
@@ -506,8 +506,6 @@ <h3 id="ruby-layout">
 
 	<p>A ruby container (or fragment thereof)
 	measures as wide as the content of its widest level.
-	(In the case of ''inter-character'' annotations,
-	they are spliced in and measured as part of the base level.)
 	Similarly, <i>ruby base boxes</i> and <i>ruby annotation boxes</i>
 	within a ruby “column” have the measure of the widest content in that “column”.
 	In the case of spanning <i>annotations</i>
@@ -519,6 +517,39 @@ <h3 id="ruby-layout">
 	when ruby content is narrower than the measure of its box
 	is specified by the 'ruby-align' property.
 
+<h4 id="inter-character-layout">
+Inter-character ruby layout</h4>
+
+	<p>Inter-character annotations have special layout.
+	When 'ruby-position' indicates ''inter-character'' annotations, the affected <i>annotation boxes</i>
+	are spliced into and measured as part of the layout of the base level.
+	The <i>ruby base container</i> must be sized to include both the <i>base boxes</i>
+	as well as the ''inter-character'' <i>annotation boxes</i>
+	The affected <i>ruby annotation container</i> is similarly sized
+	so that its content box coincides with that of the <i>ruby base container</i>.
+
+	<p>For the purpose of laying out other levels of annotations,
+	an ''inter-character'' annotation effectively becomes part of its base.
+	<span class="issue">Or should it become a quasi-base between two bases?</span>
+	A spanning ''inter-character'' annotation is placed after
+	all the bases that it spans.
+
+<h3 id="box-style">
+Styling Ruby Boxes</h4>
+
+	<p>In most respects, ruby boxes can be styled similar to inline boxes.
+	However, the UA is not required to support
+	any of the box properties (borders, margins, padding),
+	any of the background properties or outline properties,
+	or any other property that illustrates the bounds of the box
+	on <i>ruby base container boxes</i> or <i>ruby annotation container boxes</i>.
+	The UA may implement these boxes simply as abstractions for inheritance
+	and control over the layout of their contents.
+
+	<p class="issue">
+		Alternatively... use margins to control offsets?
+		Or could line-height be adequate? Its centering behavior can be awkward.
+
 <h3 id="line-breaking">
 Ruby box and line breaking</h3>