HTML CSS Reference/CSS Attributes and Javascript Style Properties/ruby align
Содержание
"ruby-align" Example
<html>
<body>
<p>
Click to change the ruby alignment to right.
</p>
<div style="background-color:#EEEEEE;
width:200;
cursor:hand"
onclick="myRuby.style.rubyAlign="right"">
<ruby id="myRuby" style="ruby-align:left">
<span style="font-size:16pt">
base text
</span>
<rt>
<span style="font-family:Times New Roman; font-size: 14pt; color:red">
ruby text
</span>
</ruby>
</div>
</body>
</HTML>
"ruby-align" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |currentStyle <ruby> |
| |runtimeStyle style |
+----------------+--------------------------------------------------------------+
"ruby-align" Possible Values
Possible Values
auto (the default),
left,
center,
right,
distribute-letter (justifies),
distribute-space (justifies, adding one blank space at the begin and end),
line-edge (if ruby text is next to a line edge, the ruby text side is aligned
with the base text side; otherwise, it is centered).
"ruby-align" Syntax and Note
Note:
Sets the ruby text horizontal alignment.
Syntax:
element { ruby-align: value }
elementID.style.rubyAlign = "value"
document.all.elementID.style.rubyAlign = "value"