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

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

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