HTML CSS Reference/CSS Attributes and Javascript Style Properties/ruby align

Материал из Web эксперт
Перейти к: навигация, поиск

"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"
Источник — «http://wbex.ru/index.php?title=HTML_CSS_Reference/CSS_Attributes_and_Javascript_Style_Properties/ruby_align&oldid=6097»