'ruby-position' Example : ruby position « CSS Attributes and Javascript Style Properties « HTML CSS Reference






  1. HTML CSS Reference
  2. CSS Attributes and Javascript Style Properties
  3. 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>








Related examples in the same category

1.'ruby-position' Syntax and Note
2.'ruby-position' Possible Values
3.'ruby-position' is applied to