HTML CSS Reference/CSS Attributes and Javascript Style Properties/ruby position
Содержание
"ruby-position" Example
<html>
<body>
<div style="background-color:#ccffff;">
<ruby style="rubyposition:inline">
<span style="font-size: 16pt">
base text
</span>
<span style="font-size: 14pt">
this text is in the same line as the base text
</span>
<rt>
<span style="font-size: 14pt;
color:red">
ruby text
</span>
</ruby>
<ruby style="rubyposition:above">
<span style="font-size: 16pt">
base text
</span>
<span style="font-size: 14pt">
this text is in the same line as the base text
</span>
<rt>
<span style="font-size: 14pt;
color:red">
ruby text
</span>
</ruby>
</div>
</body>
</html>
"ruby-position" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |currentStyle <ruby> |
| |runtimeStyle style |
+----------------+--------------------------------------------------------------+
"ruby-position" Possible Values
Possible Values
above (the default)
inline.
"ruby-position" Syntax and Note
Note:
Display the ruby text above the base text or on the same line.
Syntax:
element { ruby-position: value }
elementID.style.rubyPosition = "value"
document.all.elementID.style.rubyPosition = "value"