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






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








Related examples in the same category

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