'ruby-overhang' Example : ruby overhang « CSS Attributes and Javascript Style Properties

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




    

<html>

<body>

<div style="background-color:#ccffff; width:200">

    <ruby style="rubyoverhang:whitespace">

        <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="rubyoverhang:auto">

        <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="rubyoverhang:none">

        <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>

www.java2java.com | Contact Us

All other trademarks are property of their respective owners.