Fri, 07 Mar 2014 15:39:57 -0800
[css-ruby] Define what happens when display-outside is not inline-level.
css-ruby/Overview.html | file | annotate | diff | comparison | revisions | |
css-ruby/Overview.src.html | file | annotate | diff | comparison | revisions |
1.1 --- a/css-ruby/Overview.html Fri Mar 07 15:50:23 2014 -0800 1.2 +++ b/css-ruby/Overview.html Fri Mar 07 15:39:57 2014 -0800 1.3 @@ -21,7 +21,7 @@ 1.4 1.5 <meta content="CSS Ruby Module Level 1" name=dcterms.title> 1.6 <meta content=text name=dcterms.type> 1.7 - <meta content=2013-09-13 name=dcterms.date> 1.8 + <meta content=2014-03-07 name=dcterms.date> 1.9 <meta content="Elika J. Etemad" name=dcterms.creator> 1.10 <meta content="Koji Ishii" name=dcterms.creator> 1.11 <meta content="Richard Ishida" name=dcterms.creator> 1.12 @@ -41,9 +41,9 @@ 1.13 1.14 <h1 class=p-name>CSS Ruby Module Level 1</h1> 1.15 1.16 - <h2 class="no-num no-toc" id=longstatus-date->Editor's Draft <time 1.17 - class=dt-updated datetime=20130913>13 September 2013</time> 1.18 - <!-- for HTML4 doctype: <span class="value-title" title="20130913">13 September 2013</span></span> --></h2> 1.19 + <h2 class="no-num no-toc">Editor's Draft <time class=dt-updated 1.20 + datetime=20140307> 7 March 2014</time> 1.21 + <!-- for HTML4 doctype: <span class="value-title" title="20140307"> 7 March 2014</span></span> --></h2> 1.22 1.23 <dl> 1.24 <dt>This version: 1.25 @@ -107,7 +107,7 @@ 1.26 <!--begin-copyright--> 1.27 <p class=copyright><a 1.28 href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" 1.29 - rel=license>Copyright</a> © 2013 <a href="http://www.w3.org/"><abbr 1.30 + rel=license>Copyright</a> © 2014 <a href="http://www.w3.org/"><abbr 1.31 title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a 1.32 href="http://www.csail.mit.edu/"><abbr 1.33 title="Massachusetts Institute of Technology">MIT</abbr></a>, <a 1.34 @@ -198,6 +198,10 @@ 1.35 1.36 <li><a href="#box-fixup"><span class=secno>2.2. </span> Anonymous Ruby 1.37 Box Generation</a> 1.38 + <ul class=toc> 1.39 + <li><a href="#block-ruby"><span class=secno>2.2.1. </span> Block-level 1.40 + Ruby</a> 1.41 + </ul> 1.42 1.43 <li><a href="#pairing"><span class=secno>2.3. </span> Ruby Pairing and 1.44 Annotation Levels</a> 1.45 @@ -318,8 +322,8 @@ 1.46 1.47 <h3 id=placement><span class=secno>1.1. </span> Module interactions</h3> 1.48 1.49 - <p>This module extends the inline box model of CSS Level 2 <a href="#CSS21" 1.50 - rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> to support ruby. 1.51 + <p>This module extends the inline box model of CSS Level 2 <a 1.52 + href="#ref-CSS21">[CSS21]<!--{{!CSS21}}--></a> to support ruby. 1.53 1.54 <p>None of the properties in this module apply to the 1.55 <code>::first-line</code> or <code>::first-letter</code> pseudo-elements. 1.56 @@ -328,14 +332,14 @@ 1.57 1.58 <p>This specification follows the <a 1.59 href="http://www.w3.org/TR/CSS21/about.html#property-defs">CSS property 1.60 - definition conventions</a> from <a href="#CSS21" 1.61 - rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>. Value types not defined in 1.62 + definition conventions</a> from <a 1.63 + href="#ref-CSS21">[CSS21]<!--{{!CSS21}}--></a>. Value types not defined in 1.64 this specification are defined in CSS Level 2 Revision 1 <a 1.65 - href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>. Other CSS 1.66 - modules may expand the definitions of these value types: for example <a 1.67 - href="#CSS3VAL" rel=biblioentry>[CSS3VAL]<!--{{CSS3VAL}}--></a>, when 1.68 - combined with this module, expands the definition of the 1.69 - <var><length></var> value type as used in this specification. 1.70 + href="#ref-CSS21">[CSS21]<!--{{!CSS21}}--></a>. Other CSS modules may 1.71 + expand the definitions of these value types: for example <a 1.72 + href="#ref-CSS3VAL">[CSS3VAL]<!--{{CSS3VAL}}--></a>, when combined with 1.73 + this module, expands the definition of the <var><length></var> value 1.74 + type as used in this specification. 1.75 1.76 <p>In addition to the property-specific values listed in their definitions, 1.77 all properties defined in this specification also accept the <a 1.78 @@ -429,28 +433,29 @@ 1.79 </div> 1.80 1.81 <p><a href="#ruby"><i>Ruby</i></a> formatting as used in Japanese is 1.82 - described in JIS X-4051 <a href="#JIS4051" 1.83 - rel=biblioentry>[JIS4051]<!--{{JIS4051}}--></a> (in Japanese) and in 1.84 - Requirements for Japanese Text Layout <a href="#JLREQ" 1.85 - rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a> (in English and Japanese)]. In 1.86 - HTML, ruby structure and markup to represent it is described in the Ruby 1.87 - Markup Extension specification. This module describes the CSS rendering 1.88 - model and formatting controls relevant to ruby layout of such markup. 1.89 + described in JIS X-4051 <a 1.90 + href="#ref-JIS4051">[JIS4051]<!--{{JIS4051}}--></a> (in Japanese) and in 1.91 + Requirements for Japanese Text Layout <a 1.92 + href="#ref-JLREQ">[JLREQ]<!--{{JLREQ}}--></a> (in English and Japanese)]. 1.93 + In HTML, ruby structure and markup to represent it is described in the 1.94 + Ruby Markup Extension specification. This module describes the CSS 1.95 + rendering model and formatting controls relevant to ruby layout of such 1.96 + markup. 1.97 1.98 <h2 id=ruby-model><span class=secno>2. </span> Ruby Formatting Model</h2> 1.99 1.100 <p>The CSS ruby model is based on the <a 1.101 href="http://darobin.github.io/html-ruby/">HTML Ruby Markup Extension</a> 1.102 and <a href="http://www.w3.org/TR/ruby/">XHTML Ruby Annotation 1.103 - Recommendation</a> <a href="#RUBY" 1.104 - rel=biblioentry>[RUBY]<!--{{RUBY}}--></a>. In this model, a ruby structure 1.105 - consists of one or more <dfn id=ruby-base>ruby base</dfn> elements 1.106 - representing the base (annotated) text, associated with one or more levels 1.107 - of <dfn id=ruby-annotation>ruby annotation</dfn> elements representing the 1.108 - annotations. The structure of ruby is similar to that of a table: there 1.109 - are “rows” (the base text level, each annotation level) and 1.110 - “columns” (each <a href="#ruby-base-box"><i>ruby base</i></a> and its 1.111 - corresponding <a href="#ruby-annotation-box"><i>ruby annotations</i></a>). 1.112 + Recommendation</a> <a href="#ref-RUBY">[RUBY]<!--{{RUBY}}--></a>. In this 1.113 + model, a ruby structure consists of one or more <dfn id=ruby-base>ruby 1.114 + base</dfn> elements representing the base (annotated) text, associated 1.115 + with one or more levels of <dfn id=ruby-annotation>ruby annotation</dfn> 1.116 + elements representing the annotations. The structure of ruby is similar to 1.117 + that of a table: there are “rows” (the base text level, each 1.118 + annotation level) and “columns” (each <a href="#ruby-base-box"><i>ruby 1.119 + base</i></a> and its corresponding <a href="#ruby-annotation-box"><i>ruby 1.120 + annotations</i></a>). 1.121 1.122 <p>Consecutive bases and annotations are grouped together into <dfn 1.123 id=ruby-segments>ruby segments</dfn>. Within a <i>ruby segment</i>, a <a 1.124 @@ -529,8 +534,8 @@ 1.125 elements that correspond to each of these components. Missing parts of the 1.126 structure are implied through the anonymous box generation rules <a 1.127 href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes">similar to 1.128 - those used to normalize tables</a>. <a href="#CSS21" 1.129 - rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> 1.130 + those used to normalize tables</a>. <a 1.131 + href="#ref-CSS21">[CSS21]<!--{{!CSS21}}--></a> 1.132 1.133 <ol> 1.134 <li>Any in-flow block-level boxes directly contained by a <a 1.135 @@ -581,6 +586,26 @@ 1.136 anonymous boxes in its internal structures, as long as pairing and layout 1.137 behaves as if they existed. 1.138 1.139 + <h4 id=block-ruby><span class=secno>2.2.1. </span> Block-level Ruby</h4> 1.140 + 1.141 + <p>If an element has a computed ‘<code 1.142 + class=property>display-inside</code>’ of ‘<a href="#ruby"><code 1.143 + class=css>ruby</code></a>’ and a computed ‘<code 1.144 + class=property>display-outside</code>’ other than ‘<code 1.145 + class=css>inline-level</code>’, then it generates two boxes: a principal 1.146 + block container box of the required ‘<code 1.147 + class=property>display-outside</code>’ type, and an inline-level <a 1.148 + href="#ruby-container-box"><i>ruby container</i></a>. All properties 1.149 + specified on the element apply to the principal box (and if inheritable, 1.150 + inherit to the <a href="#ruby-container-box"><i>ruby container 1.151 + box</i></a>). This allows styling the element as a block, while correctly 1.152 + maintaining the internal ruby structure. 1.153 + 1.154 + <p>See the <a href="http://www.w3.org/TR/css-display/">CSS Display 1.155 + Module</a> for more information on ‘<code 1.156 + class=property>display-inside</code>’ and ‘<code 1.157 + class=property>display-outside</code>’. 1.158 + 1.159 <h3 id=pairing><span class=secno>2.3. </span> Ruby Pairing and Annotation 1.160 Levels</h3> 1.161 1.162 @@ -759,12 +784,13 @@ 1.163 <p>Where undiscarded white space is <i>collapsible</i>, it will collapse 1.164 following the standard <a 1.165 href="http://www.w3.org/TR/css3-text/#white-space-rules">white space 1.166 - processing rules</a>. <a href="#CSS3TEXT" 1.167 - rel=biblioentry>[CSS3TEXT]<!--{{!CSS3TEXT}}--></a> For <i>collapsible</i> 1.168 - white space between <a href="#ruby-segments"><i>ruby segments</i></a>, 1.169 - however, the contextual text for determining collapsing behavior is given 1.170 - by the <a href="#ruby-base-box"><i>ruby bases</i></a> on either side, not 1.171 - the text on either side of the white space in the source document. 1.172 + processing rules</a>. <a 1.173 + href="#ref-CSS-TEXT-3">[CSS-TEXT-3]<!--{{!CSS-TEXT-3}}--></a> For 1.174 + <i>collapsible</i> white space between <a href="#ruby-segments"><i>ruby 1.175 + segments</i></a>, however, the contextual text for determining collapsing 1.176 + behavior is given by the <a href="#ruby-base-box"><i>ruby bases</i></a> on 1.177 + either side, not the text on either side of the white space in the source 1.178 + document. 1.179 1.180 <div class=note> 1.181 <p>Note that the white space processing rules cause a white space sequence 1.182 @@ -896,9 +922,6 @@ 1.183 as abstractions for inheritance and control over the layout of their 1.184 contents. 1.185 1.186 - <p class=issue> Alternatively... use margins to control offsets? Or could 1.187 - line-height be adequate? Its centering behavior can be awkward. 1.188 - 1.189 <h3 id=line-breaks><span class=secno>2.8. </span> Ruby box and line 1.190 breaking</h3> 1.191 1.192 @@ -974,8 +997,8 @@ 1.193 <p>Due to the space, the line may break between “one” and “two“. 1.194 If the line breaks there, that space—and the space between “1” and 1.195 “2”—disappears, in accordance with standard CSS white space 1.196 - processing rules. <a href="#CSS3TEXT" 1.197 - rel=biblioentry>[CSS3TEXT]<!--{{CSS3TEXT}}--></a> 1.198 + processing rules. <a 1.199 + href="#ref-CSS-TEXT-3">[CSS-TEXT-3]<!--{{CSS-TEXT-3}}--></a> 1.200 </div> 1.201 1.202 <h4 id=break-within><span class=secno>2.8.2. </span> Breaking within bases</h4> 1.203 @@ -1073,7 +1096,7 @@ 1.204 the ‘<code class=property>line-height</code>’, half-leading is added 1.205 on either side of the content, as specificed in <a 1.206 href="http://www.w3.org/TR/CSS21/visudet.html#line-height">CSS2.1§10.8</a>. 1.207 - <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> 1.208 + <a href="#ref-CSS21">[CSS21]<!--{{!CSS21}}--></a> 1.209 1.210 <p>In order to ensure consistent spacing of lines, documents with ruby 1.211 typically ensure that the ‘<code class=property>line-height</code>’ is 1.212 @@ -1362,7 +1385,7 @@ 1.213 <dd> 1.214 <p> Each ruby annotation box is rendered in the same column(s) as its 1.215 corresponding base box(es). This style is called “mono ruby” in <a 1.216 - href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>. 1.217 + href="#ref-JLREQ">[JLREQ]<!--{{JLREQ}}--></a>. 1.218 1.219 <div class=example> 1.220 <p>For example, the following two markups render the same: 1.221 @@ -1383,8 +1406,8 @@ 1.222 and laid out as if their contents belonged to a single <a 1.223 href="#ruby-annotation-box"><i>ruby annotation box</i></a> spanning all 1.224 their associated <a href="#ruby-base-box"><i>ruby base boxes</i></a>. 1.225 - This style renders similar to “group ruby” in <a href="#JLREQ" 1.226 - rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>, except that <a 1.227 + This style renders similar to “group ruby” in <a 1.228 + href="#ref-JLREQ">[JLREQ]<!--{{JLREQ}}--></a>, except that <a 1.229 href="#ruby-annotation-box"><i>ruby annotations</i></a> are kept 1.230 together with their respective <a href="#ruby-base-box"><i>ruby 1.231 bases</i></a> when breaking lines. 1.232 @@ -1417,7 +1440,7 @@ 1.233 1.234 <div class=example> 1.235 <p> One possible algorithm is described as “jukugo ruby” in <a 1.236 - href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>. 1.237 + href="#ref-JLREQ">[JLREQ]<!--{{JLREQ}}--></a>. 1.238 1.239 <p> Another, more simplified algorithm of “jukugo ruby” is to render 1.240 as ‘<code class=css>separate</code>’ if all ruby annotation boxes 1.241 @@ -1546,9 +1569,9 @@ 1.242 <p>Since a typical implementation will by default define <i>expansion 1.243 opportunities</i> between every adjacent pair of CJK <i>characters</i> 1.244 and not between adjacent pairs of Latin <i>characters</i>, this should 1.245 - result in the behavior recommended by <a href="#JLREQ" 1.246 - rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>: for wide-cell ruby content 1.247 - to be distributed... 1.248 + result in the behavior recommended by <a 1.249 + href="#ref-JLREQ">[JLREQ]<!--{{JLREQ}}--></a>: for wide-cell ruby 1.250 + content to be distributed... 1.251 1.252 <div class=figure> 1.253 <p><img 1.254 @@ -1646,12 +1669,12 @@ 1.255 of horizontal. 1.256 1.257 <div class=example> 1.258 - <p> The user agent may use <a href="#JIS4051" 1.259 - rel=biblioentry>[JIS4051]<!--{{JIS4051}}--></a> recommendation of using 1.260 - one ruby text character length as the maximum overhang length. Detailed 1.261 - rules for how ruby text can overhang adjacent characters for Japanese are 1.262 - described by <a href="#JLREQ" 1.263 - rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>. 1.264 + <p> The user agent may use <a 1.265 + href="#ref-JIS4051">[JIS4051]<!--{{JIS4051}}--></a> recommendation of 1.266 + using one ruby text character length as the maximum overhang length. 1.267 + Detailed rules for how ruby text can overhang adjacent characters for 1.268 + Japanese are described by <a 1.269 + href="#ref-JLREQ">[JLREQ]<!--{{JLREQ}}--></a>. 1.270 </div> 1.271 1.272 <h3 id=line-edge><span class=secno>4.2. </span> Line-edge Alignment</h3> 1.273 @@ -1661,8 +1684,8 @@ 1.274 at the start or end edge of a line, the user agent <em>may</em> force the 1.275 side of the <a href="#ruby-annotation-box"><i>ruby annotation</i></a> that 1.276 touches the edge of the line to align to the corresponding edge of the 1.277 - base. This type of alignment is described by <a href="#JLREQ" 1.278 - rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>. 1.279 + base. This type of alignment is described by <a 1.280 + href="#ref-JLREQ">[JLREQ]<!--{{JLREQ}}--></a>. 1.281 1.282 <p> This level of the specification does not provide a mechanism to control 1.283 this behavior. 1.284 @@ -1855,9 +1878,8 @@ 1.285 <!-- -->ruby, rb, rt, rbc, rtc { unicode-bidi: isolate; }</pre> 1.286 1.287 <p>Additional rules for UAs supporting the relevant features of <a 1.288 - href="#CSS3-TEXT-DECOR" 1.289 - rel=biblioentry>[CSS3-TEXT-DECOR]<!--{{CSS3-TEXT-DECOR}}--></a> and <a 1.290 - href="#CSS3-FONTS" rel=biblioentry>[CSS3-FONTS]<!--{{CSS3-FONTS}}--></a>: 1.291 + href="#ref-CSS3-TEXT-DECOR">[CSS3-TEXT-DECOR]<!--{{CSS3-TEXT-DECOR}}--></a> 1.292 + and <a href="#ref-CSS3-FONTS">[CSS3-FONTS]<!--{{CSS3-FONTS}}--></a>: 1.293 1.294 <pre>rt { font-variant-east-asian: ruby; text-emphasis: none; }</pre> 1.295 1.296 @@ -1960,7 +1982,7 @@ 1.297 1.298 <p>All of the text of this specification is normative except sections 1.299 explicitly marked as non-normative, examples, and notes. <a 1.300 - href="#RFC2119" rel=biblioentry>[RFC2119]<!--{{!RFC2119}}--></a> 1.301 + href="#ref-RFC2119">[RFC2119]<!--{{!RFC2119}}--></a> 1.302 1.303 <p>Examples in this specification are introduced with the words “for 1.304 example” or are set apart from the normative text with 1.305 @@ -2140,11 +2162,11 @@ 1.306 class=css>distribute-space</code>’ with ‘<code 1.307 class=css>space-between</code>’ and ‘<code 1.308 class=css>space-around</code>’ for consistency with distribution 1.309 - keywords in <a href="#CSS3-FLEXBOX" 1.310 - rel=biblioentry>[CSS3-FLEXBOX]<!--{{CSS3-FLEXBOX}}--></a> and <a 1.311 - href="#CSS3-ALIGN" rel=biblioentry>[CSS3-ALIGN]<!--{{CSS3-ALIGN}}--></a> 1.312 - and to avoid any links to the definition of ‘<code 1.313 - class=css>text-justify: distribute</code>’. 1.314 + keywords in <a 1.315 + href="#ref-CSS3-FLEXBOX">[CSS3-FLEXBOX]<!--{{CSS3-FLEXBOX}}--></a> and <a 1.316 + href="#ref-CSS3-ALIGN">[CSS3-ALIGN]<!--{{CSS3-ALIGN}}--></a> and to avoid 1.317 + any links to the definition of ‘<code class=css>text-justify: 1.318 + distribute</code>’. 1.319 1.320 <dt>Added ‘<a href="#ruby-merge"><code 1.321 class=property>ruby-merge</code></a>’ property to control jukugo 1.322 @@ -2182,9 +2204,17 @@ 1.323 <!--begin-normative--> 1.324 <!-- Sorted by label --> 1.325 1.326 - <dl class=bibliography> 1.327 - <dd style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.328 - <!----> 1.329 + <dl class=bibliography><!----> 1.330 + 1.331 + <dt id=CSS-TEXT-3>[CSS-TEXT-3] 1.332 + 1.333 + <dd>Elika J. Etemad; Koji Ishii. <a 1.334 + href="http://www.w3.org/TR/2013/WD-css-text-3-20131010/"><cite>CSS Text 1.335 + Module Level 3.</cite></a> 10 October 2013. W3C Last Call Working Draft. 1.336 + (Work in progress.) URL: <a 1.337 + href="http://www.w3.org/TR/2013/WD-css-text-3-20131010/">http://www.w3.org/TR/2013/WD-css-text-3-20131010/</a> 1.338 + </dd> 1.339 + <!----> 1.340 1.341 <dt id=CSS21>[CSS21] 1.342 1.343 @@ -2196,16 +2226,6 @@ 1.344 </dd> 1.345 <!----> 1.346 1.347 - <dt id=CSS3TEXT>[CSS3TEXT] 1.348 - 1.349 - <dd>Elika J. Etemad; Koji Ishii. <a 1.350 - href="http://www.w3.org/TR/2012/WD-css3-text-20121113/"><cite>CSS Text 1.351 - Module Level 3.</cite></a> 13 November 2012. W3C Working Draft. (Work in 1.352 - progress.) URL: <a 1.353 - href="http://www.w3.org/TR/2012/WD-css3-text-20121113/">http://www.w3.org/TR/2012/WD-css3-text-20121113/</a> 1.354 - </dd> 1.355 - <!----> 1.356 - 1.357 <dt id=RFC2119>[RFC2119] 1.358 1.359 <dd>S. Bradner. <a href="http://www.ietf.org/rfc/rfc2119.txt"><cite>Key 1.360 @@ -2221,9 +2241,7 @@ 1.361 <!--begin-informative--> 1.362 <!-- Sorted by label --> 1.363 1.364 - <dl class=bibliography> 1.365 - <dd style="display: none"><!-- keeps the doc valid if the DL is empty --> 1.366 - <!----> 1.367 + <dl class=bibliography><!----> 1.368 1.369 <dt id=CSS3-ALIGN>[CSS3-ALIGN] 1.370 1.371 @@ -2248,10 +2266,10 @@ 1.372 <dt id=CSS3-FONTS>[CSS3-FONTS] 1.373 1.374 <dd>John Daggett. <a 1.375 - href="http://www.w3.org/TR/2013/WD-css3-fonts-20130212/"><cite>CSS Fonts 1.376 - Module Level 3.</cite></a> 12 February 2013. W3C Working Draft. (Work in 1.377 - progress.) URL: <a 1.378 - href="http://www.w3.org/TR/2013/WD-css3-fonts-20130212/">http://www.w3.org/TR/2013/WD-css3-fonts-20130212/</a> 1.379 + href="http://www.w3.org/TR/2013/CR-css-fonts-3-20131003/"><cite>CSS Fonts 1.380 + Module Level 3.</cite></a> 3 October 2013. W3C Candidate Recommendation. 1.381 + (Work in progress.) URL: <a 1.382 + href="http://www.w3.org/TR/2013/CR-css-fonts-3-20131003/">http://www.w3.org/TR/2013/CR-css-fonts-3-20131003/</a> 1.383 </dd> 1.384 <!----> 1.385 1.386 @@ -2284,7 +2302,7 @@ 1.387 1.388 <dt id=JLREQ>[JLREQ] 1.389 1.390 - <dd>Yasuhiro Anan; et al. <a 1.391 + <dd>Yasuhiro Anan (阿南 康宏); et al. <a 1.392 href="http://www.w3.org/TR/2012/NOTE-jlreq-20120403/"><cite>Requirements 1.393 for Japanese Text Layout.</cite></a> 3 April 2012. W3C Working Group 1.394 Note. URL: <a 1.395 @@ -2294,7 +2312,7 @@ 1.396 1.397 <dt id=RUBY>[RUBY] 1.398 1.399 - <dd>Masayasu Ishikawa; et al. <a 1.400 + <dd>Marcin Sawicki; et al. <a 1.401 href="http://www.w3.org/TR/2001/REC-ruby-20010531"><cite>Ruby 1.402 Annotation.</cite></a> 31 May 2001. W3C Recommendation. URL: <a 1.403 href="http://www.w3.org/TR/2001/REC-ruby-20010531">http://www.w3.org/TR/2001/REC-ruby-20010531</a>
2.1 --- a/css-ruby/Overview.src.html Fri Mar 07 15:50:23 2014 -0800 2.2 +++ b/css-ruby/Overview.src.html Fri Mar 07 15:39:57 2014 -0800 2.3 @@ -311,6 +311,22 @@ 2.4 Note that the UA is not required to create any of these anonymous boxes in its internal structures, 2.5 as long as pairing and layout behaves as if they existed. 2.6 2.7 +<h4 id="block-ruby"> 2.8 +Block-level Ruby</h4> 2.9 + 2.10 + <p>If an element has a computed 'display-inside' of ''ruby'' 2.11 + and a computed 'display-outside' other than ''inline-level'', 2.12 + then it generates two boxes: 2.13 + a principal block container box of the required 'display-outside' type, 2.14 + and an inline-level <i>ruby container</i>. 2.15 + All properties specified on the element apply to the principal box 2.16 + (and if inheritable, inherit to the <i>ruby container box</i>). 2.17 + This allows styling the element as a block, 2.18 + while correctly maintaining the internal ruby structure. 2.19 + 2.20 + <p>See the <a href="http://www.w3.org/TR/css-display/">CSS Display Module</a> 2.21 + for more information on 'display-inside' and 'display-outside'. 2.22 + 2.23 <h3 id="pairing"> 2.24 Ruby Pairing and Annotation Levels</h3> 2.25