css-ruby/Overview.src.html

changeset 9110
183ff47863e8
parent 9109
932831c67e0a
child 9112
90540146a463
     1.1 --- a/css-ruby/Overview.src.html	Wed Sep 11 14:31:24 2013 -0700
     1.2 +++ b/css-ruby/Overview.src.html	Wed Sep 11 14:47:38 2013 -0700
     1.3 @@ -975,11 +975,10 @@
     1.4  			<td><dfn>ruby-align</dfn>
     1.5  		<tr>
     1.6  			<th><a href="#values">Value</a>:
     1.7 -			<td>auto | start | center |
     1.8 -				distribute-letter | distribute-space
     1.9 +			<td>start | center | space-between | space-around
    1.10  		<tr>
    1.11  			<th>Initial:
    1.12 -			<td>auto
    1.13 +			<td>space-around
    1.14  		<tr>
    1.15  			<th>Applies to:
    1.16  			<td>ruby bases, ruby annotations, ruby base containers, ruby annotation containers
    1.17 @@ -1012,7 +1011,7 @@
    1.18  					width="145" height="91"
    1.19  					alt="Diagram of glyph layout in left aligned ruby when ruby text is longer than base"
    1.20  					src="images/ra-l-rb.gif" />
    1.21 -				<p class="caption">''start'' ruby alignment
    1.22 +				<p class="caption">''start'' ruby distribution
    1.23  			</div>
    1.24  		</dd>
    1.25  
    1.26 @@ -1024,7 +1023,7 @@
    1.27  					src="images/ra-c.gif" /><img width="145" height="91"
    1.28  					alt="Diagram of glyph layout in center aligned ruby when ruby text is longer than base"
    1.29  					src="images/ra-c-rb.gif" />
    1.30 -				<p class="caption">''center'' ruby alignment
    1.31 +				<p class="caption">''center'' ruby distribution
    1.32  			</div>
    1.33  		</dd>
    1.34  
    1.35 @@ -1032,13 +1031,15 @@
    1.36  		<dd>
    1.37  			<p>The ruby content expands as defined for normal text justification
    1.38  				(as defined by 'text-justify'),
    1.39 +				except that if there are no <a href="http://www.w3.org/TR/css3-text/#expansion-opportunity"><i>expansion opportunities</i></a>
    1.40 +				the content is centered.
    1.41  			<div class="figure">
    1.42  				<p><img width="145" height="91"
    1.43  				alt="Diagram of glyph layout in distribute-letter aligned ruby when ruby text is shorter than base"
    1.44  				src="images/ra-dl.gif" /><img width="145" height="91"
    1.45  				alt="Diagram of glyph layout in distribute-letter aligned ruby when ruby text is longer than base"
    1.46  				src="images/ra-dl-rb.gif" />
    1.47 -				<p class="caption">''space-between'' ruby alignment
    1.48 +				<p class="caption">''space-between'' ruby distribution
    1.49  			</div>
    1.50  		</dd>
    1.51  
    1.52 @@ -1048,20 +1049,20 @@
    1.53  			except that there exists an extra <a href="http://www.w3.org/TR/css3-text/#expansion-opportunity"><i>expansion opportunity</i></a>
    1.54  			whose space is distributed half before and half after the ruby content.
    1.55  			<div class="example">
    1.56 -				<p>Since a typical implementation will by default define expansion opportunities
    1.57 +				<p>Since a typical implementation will by default define <i>expansion opportunities</i>
    1.58  					between every adjacent pair of CJK <i>characters</i>
    1.59  					and not between adjacent pairs of Latin <i>characters</i>,
    1.60  					this should result in the behavior recommended by [[JLREQ]]:
    1.61 -					for wide-cell ruby to be aligned in the 'distribute-space' mode...
    1.62 +					for wide-cell ruby content to be distributed...
    1.63  				<div class="figure">
    1.64  					<p><img width="145" height="91"
    1.65  					alt="Diagram of glyph layout in auto aligned ruby when ruby text is shorter than base"
    1.66  					src="images/ra-ds.gif" /><img width="145" height="91"
    1.67  					alt="Diagram of glyph layout in auto aligned ruby when ruby text is longer than base"
    1.68  					src="images/ra-ds-rb.gif" />
    1.69 -					<p class="caption">Wide-cell text in ''space-around'' ruby alignment is distributed
    1.70 +					<p class="caption">Wide-cell text in ''space-around'' ruby distribution is spaced apart
    1.71  				</div>
    1.72 -				<p>... and narrow-cell glyph ruby to be aligned in the 'center' mode.
    1.73 +				<p>... and narrow-cell glyph ruby to be centered.
    1.74  				<div class="figure">
    1.75  					<p><img
    1.76  					alt="Diagram of glyph layout in auto aligned ruby when halfwidth ruby text is shorter than base"
    1.77 @@ -1070,7 +1071,7 @@
    1.78  					alt="Diagram of character layout in auto aligned ruby when ruby text is longer than narrow-width base"
    1.79  					width="145" height="91"
    1.80  					src="images/ra-c-rb-h.gif" />
    1.81 -					<p class="caption">Narrow-width ruby text in ''space-around'' ruby alignment is centered
    1.82 +					<p class="caption">Narrow-width ruby text in ''space-around'' ruby distribution is centered
    1.83  				</div>
    1.84  			</div>
    1.85  		</dd>

mercurial