css-ruby/Overview.src.html

changeset 8502
b928e51898ae
parent 8501
3d59611e6d44
child 8503
2763a62e9a48
     1.1 --- a/css-ruby/Overview.src.html	Tue Jun 18 23:45:38 2013 +0900
     1.2 +++ b/css-ruby/Overview.src.html	Wed Jun 19 00:17:07 2013 +0900
     1.3 @@ -895,6 +895,44 @@
     1.4  		elements. This ratio is computed by taking into consideration the widest
     1.5  		element within each column.</p>
     1.6  
     1.7 +<h2 id="rubyover">
     1.8 +Ruby Overhang and Edge Effects</h2>
     1.9 +
    1.10 +	<p>
    1.11 +		When <i>ruby annotation box</i> is longer than its corresponding <i>ruby base box</i>,
    1.12 +		the <i>ruby annotation box</i> may partially overhang adjacent boxes.
    1.13 +	</p>
    1.14 +	<p>
    1.15 +		This level of the specificaiton does not define
    1.16 +		how much the overhang may be allowed under what conditions.
    1.17 +	</p>
    1.18 +	<div class="example">
    1.19 +	<p>
    1.20 +		The user agent may use [[JIS4051]] recommendation of
    1.21 +		using one ruby text character length as the maximum overhang length.
    1.22 +		Detailed rules for how ruby text can overhang adjacent characters for Japanese are described by [[JLREQ]].
    1.23 +	</p>
    1.24 +	</div>
    1.25 +
    1.26 +	<p>
    1.27 +		When such <i>ruby annotation box</i> is at the start or end edge of a line,
    1.28 +		user agent may align the side of the ruby text that touches the edge of the line
    1.29 +		to the corresponding edge of the base.
    1.30 +		This type of alignment is described by [[JLREQ]].
    1.31 +	</p>
    1.32 +	<p>
    1.33 +		This level of the specificaiton does not provide a mechanism to control this behavior.
    1.34 +	</p>
    1.35 +	<div class="figure">
    1.36 +		<p><img width="146" height="109"
    1.37 +			alt="Diagram of glyph layout in line-edge aligned ruby when ruby text is shorter than base"
    1.38 +			src="images/ra-le-l.gif" /><img width="146"
    1.39 +			height="110"
    1.40 +			alt="Diagram of glyph layout in line-edge aligned ruby when ruby text is longer than base"
    1.41 +			src="images/ra-le-r.gif" /></p>
    1.42 +		<p><b>Figure 4.2.8</b>: Line edge ruby alignment</p>
    1.43 +	</div>
    1.44 +
    1.45  	<!--
    1.46  <h3 id="rubyover">
    1.47  Ruby overhanging: the 'ruby-overhang' property</h3>

mercurial