Wed, 19 Jun 2013 00:17:07 +0900
[css-ruby] Ruby Overhang and Edge Effects
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 Tue Jun 18 23:45:38 2013 +0900 1.2 +++ b/css-ruby/Overview.html Wed Jun 19 00:17:07 2013 +0900 1.3 @@ -209,6 +209,9 @@ 1.4 the ‘<code class=property>ruby-align</code>’ property</a> 1.5 </ul> 1.6 1.7 + <li><a href="#rubyover"><span class=secno>4. </span> Ruby Overhang and 1.8 + Edge Effects</a> 1.9 + 1.10 <li class=no-num><a href="#default-stylesheet"> Appendix A: Default Style 1.11 Sheet</a> 1.12 <ul class=toc> 1.13 @@ -220,23 +223,23 @@ 1.14 <li class=no-num><a href="#default-parens"> Generating Parentheses</a> 1.15 </ul> 1.16 1.17 - <li><a href="#glossary"><span class=secno>4. </span> Glossary</a> 1.18 + <li><a href="#glossary"><span class=secno>5. </span> Glossary</a> 1.19 1.20 - <li><a href="#conformance"><span class=secno>5. </span> Conformance</a> 1.21 + <li><a href="#conformance"><span class=secno>6. </span> Conformance</a> 1.22 <ul class=toc> 1.23 - <li><a href="#conventions"><span class=secno>5.1. </span> Document 1.24 + <li><a href="#conventions"><span class=secno>6.1. </span> Document 1.25 conventions</a> 1.26 1.27 - <li><a href="#conformance-classes"><span class=secno>5.2. </span> 1.28 + <li><a href="#conformance-classes"><span class=secno>6.2. </span> 1.29 Conformance classes</a> 1.30 1.31 - <li><a href="#partial"><span class=secno>5.3. </span> Partial 1.32 + <li><a href="#partial"><span class=secno>6.3. </span> Partial 1.33 implementations</a> 1.34 1.35 - <li><a href="#experimental"><span class=secno>5.4. </span> Experimental 1.36 + <li><a href="#experimental"><span class=secno>6.4. </span> Experimental 1.37 implementations</a> 1.38 1.39 - <li><a href="#testing"><span class=secno>5.5. </span> Non-experimental 1.40 + <li><a href="#testing"><span class=secno>6.5. </span> Non-experimental 1.41 implementations</a> 1.42 </ul> 1.43 1.44 @@ -1270,7 +1273,46 @@ 1.45 class=property>spanned</code>’ elements, a ratio must be determined 1.46 among the ‘<code class=property>columns</code>’ of spanned elements. 1.47 This ratio is computed by taking into consideration the widest element 1.48 - within each column.</p> 1.49 + within each column. 1.50 + 1.51 + <h2 id=rubyover><span class=secno>4. </span> Ruby Overhang and Edge 1.52 + Effects</h2> 1.53 + 1.54 + <p> When <a href="#ruby-annotation-box"><i>ruby annotation box</i></a> is 1.55 + longer than its corresponding <a href="#ruby-base-box"><i>ruby base 1.56 + box</i></a>, the <a href="#ruby-annotation-box"><i>ruby annotation 1.57 + box</i></a> may partially overhang adjacent boxes. 1.58 + 1.59 + <p> This level of the specificaiton does not define how much the overhang 1.60 + may be allowed under what conditions. 1.61 + 1.62 + <div class=example> 1.63 + <p> The user agent may use <a href="#JIS4051" 1.64 + rel=biblioentry>[JIS4051]<!--{{JIS4051}}--></a> recommendation of using 1.65 + one ruby text character length as the maximum overhang length. Detailed 1.66 + rules for how ruby text can overhang adjacent characters for Japanese 1.67 + are described by <a href="#JLREQ" 1.68 + rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>. 1.69 + </div> 1.70 + 1.71 + <p> When such <a href="#ruby-annotation-box"><i>ruby annotation 1.72 + box</i></a> is at the start or end edge of a line, user agent may align 1.73 + the side of the ruby text that touches the edge of the line to the 1.74 + corresponding edge of the base. This type of alignment is described by 1.75 + <a href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>. 1.76 + 1.77 + <p> This level of the specificaiton does not provide a mechanism to 1.78 + control this behavior. 1.79 + 1.80 + <div class=figure> 1.81 + <p><img 1.82 + alt="Diagram of glyph layout in line-edge aligned ruby when ruby text is shorter than base" 1.83 + height=109 src="images/ra-le-l.gif" width=146><img 1.84 + alt="Diagram of glyph layout in line-edge aligned ruby when ruby text is longer than base" 1.85 + height=110 src="images/ra-le-r.gif" width=146> 1.86 + 1.87 + <p><b>Figure 4.2.8</b>: Line edge ruby alignment 1.88 + </div> 1.89 <!-- 1.90 <h3 id="rubyover"> 1.91 Ruby overhanging: the 'ruby-overhang' property</h3> 1.92 @@ -1493,7 +1535,7 @@ 1.93 <!-- -->rt + rb::before { content: ")"; } 1.94 <!-- -->rt + rtc::before { content: ")("; }</pre> 1.95 1.96 - <h2 id=glossary><span class=secno>4. </span> Glossary</h2> 1.97 + <h2 id=glossary><span class=secno>5. </span> Glossary</h2> 1.98 1.99 <dl> 1.100 <dt><a id=g-bopomofo><strong><span lang=zh>Bopomofo</span></strong></a> 1.101 @@ -1552,9 +1594,9 @@ 1.102 and serves as an annotation or a pronunciation guide for that text. 1.103 </dl> 1.104 1.105 - <h2 id=conformance><span class=secno>5. </span> Conformance</h2> 1.106 + <h2 id=conformance><span class=secno>6. </span> Conformance</h2> 1.107 1.108 - <h3 id=conventions><span class=secno>5.1. </span> Document conventions</h3> 1.109 + <h3 id=conventions><span class=secno>6.1. </span> Document conventions</h3> 1.110 1.111 <p>Conformance requirements are expressed with a combination of 1.112 descriptive assertions and RFC 2119 terminology. The key words 1.113 @@ -1581,7 +1623,7 @@ 1.114 1.115 <p class=note>Note, this is an informative note. 1.116 1.117 - <h3 id=conformance-classes><span class=secno>5.2. </span> Conformance 1.118 + <h3 id=conformance-classes><span class=secno>6.2. </span> Conformance 1.119 classes</h3> 1.120 1.121 <p>Conformance to CSS Ruby Module is defined for three conformance 1.122 @@ -1627,7 +1669,7 @@ 1.123 meet all other conformance requirements of style sheets as described in 1.124 this module. 1.125 1.126 - <h3 id=partial><span class=secno>5.3. </span> Partial implementations</h3> 1.127 + <h3 id=partial><span class=secno>6.3. </span> Partial implementations</h3> 1.128 1.129 <p>So that authors can exploit the forward-compatible parsing rules to 1.130 assign fallback values, CSS renderers <strong>must</strong> treat as 1.131 @@ -1641,7 +1683,7 @@ 1.132 considered invalid (as unsupported values must be), CSS requires that 1.133 the entire declaration be ignored. 1.134 1.135 - <h3 id=experimental><span class=secno>5.4. </span> Experimental 1.136 + <h3 id=experimental><span class=secno>6.4. </span> Experimental 1.137 implementations</h3> 1.138 1.139 <p>To avoid clashes with future CSS features, the CSS2.1 specification 1.140 @@ -1656,7 +1698,7 @@ 1.141 Working Drafts. This avoids incompatibilities with future changes in the 1.142 draft. 1.143 1.144 - <h3 id=testing><span class=secno>5.5. </span> Non-experimental 1.145 + <h3 id=testing><span class=secno>6.5. </span> Non-experimental 1.146 implementations</h3> 1.147 1.148 <p>Once a specification reaches the Candidate Recommendation stage, 1.149 @@ -1786,10 +1828,10 @@ 1.150 <!--begin-index--> 1.151 <ul class=indexlist> 1.152 <li>authoring tool, <a href="#authoring-tool" 1.153 - title="section 5.2."><strong>5.2.</strong></a> 1.154 + title="section 6.2."><strong>6.2.</strong></a> 1.155 1.156 <li>renderer, <a href="#renderer" 1.157 - title="section 5.2."><strong>5.2.</strong></a> 1.158 + title="section 6.2."><strong>6.2.</strong></a> 1.159 1.160 <li>Ruby, <a href="#ruby" title="section 1.4."><strong>1.4.</strong></a> 1.161 1.162 @@ -1869,7 +1911,7 @@ 1.163 <li>style sheet 1.164 <ul> 1.165 <li>as conformance class, <a href="#style-sheet" 1.166 - title="section 5.2."><strong>5.2.</strong></a> 1.167 + title="section 6.2."><strong>6.2.</strong></a> 1.168 </ul> 1.169 </ul> 1.170 <!--end-index-->
2.1 --- a/css-ruby/Overview.src.html Tue Jun 18 23:45:38 2013 +0900 2.2 +++ b/css-ruby/Overview.src.html Wed Jun 19 00:17:07 2013 +0900 2.3 @@ -895,6 +895,44 @@ 2.4 elements. This ratio is computed by taking into consideration the widest 2.5 element within each column.</p> 2.6 2.7 +<h2 id="rubyover"> 2.8 +Ruby Overhang and Edge Effects</h2> 2.9 + 2.10 + <p> 2.11 + When <i>ruby annotation box</i> is longer than its corresponding <i>ruby base box</i>, 2.12 + the <i>ruby annotation box</i> may partially overhang adjacent boxes. 2.13 + </p> 2.14 + <p> 2.15 + This level of the specificaiton does not define 2.16 + how much the overhang may be allowed under what conditions. 2.17 + </p> 2.18 + <div class="example"> 2.19 + <p> 2.20 + The user agent may use [[JIS4051]] recommendation of 2.21 + using one ruby text character length as the maximum overhang length. 2.22 + Detailed rules for how ruby text can overhang adjacent characters for Japanese are described by [[JLREQ]]. 2.23 + </p> 2.24 + </div> 2.25 + 2.26 + <p> 2.27 + When such <i>ruby annotation box</i> is at the start or end edge of a line, 2.28 + user agent may align the side of the ruby text that touches the edge of the line 2.29 + to the corresponding edge of the base. 2.30 + This type of alignment is described by [[JLREQ]]. 2.31 + </p> 2.32 + <p> 2.33 + This level of the specificaiton does not provide a mechanism to control this behavior. 2.34 + </p> 2.35 + <div class="figure"> 2.36 + <p><img width="146" height="109" 2.37 + alt="Diagram of glyph layout in line-edge aligned ruby when ruby text is shorter than base" 2.38 + src="images/ra-le-l.gif" /><img width="146" 2.39 + height="110" 2.40 + alt="Diagram of glyph layout in line-edge aligned ruby when ruby text is longer than base" 2.41 + src="images/ra-le-r.gif" /></p> 2.42 + <p><b>Figure 4.2.8</b>: Line edge ruby alignment</p> 2.43 + </div> 2.44 + 2.45 <!-- 2.46 <h3 id="rubyover"> 2.47 Ruby overhanging: the 'ruby-overhang' property</h3>