Ruby
テキストにルビを付けます。
<RUBY>タグに使用するプロパティーです。ルビの振り方や位置を指定できます。
このプロパティーは、IE5.0から対応しています。
{ ruby-align : auto | left | center | right | distribute-letter | distribute-space | line-edge }
{ ruby-align : above | inline }
ルビの振り方を指定します。
<RUBY>タグ部分のテキストのルビの振り方を指定します。7種類キーワードで指定します。
{ ruby-align : auto | left | center | right | distribute-letter | distribute-space | line-edge }
<p><ruby style="ruby-aline: auto; color: rgb(255,128,20)">Dynamic <rt style="color: rgb(255,102,102)">ダイナミック</ruby> HTML</p>
Dynamic HTML
<p><ruby style="ruby-aline: left; color: rgb(255,128,20)">Dynamic <rt style="color: rgb(255,102,102)">ダイナミック</ruby> HTML</p>
Dynamic HTML
<p><ruby style="ruby-aline: center; color: rgb(255,128,20)">Dynamic <rt style="color: rgb(255,102,102)">ダイナミック</ruby> HTML</p>
Dynamic HTML
<p><ruby style="ruby-aline: right; color: rgb(255,128,20)">Dynamic <rt style="color: rgb(255,102,102)">ダイナミック</ruby> HTML</p>
Dynamic HTML
<p><ruby style="ruby-aline: distribute-letter; color: rgb(255,128,20)">Dynamic <rt style="color: rgb(255,102,102)">ダイナミック</ruby> HTML</p>
Dynamic HTML
<p><ruby style="ruby-aline: distribute-space; color: rgb(255,128,20)">Dynamic <rt style="color: rgb(255,102,102)">ダイナミック</ruby> HTML</p>
Dynamic HTML
<p><ruby style="ruby-aline: line-edge; color: rgb(255,128,20)">Dynamic <rt style="color: rgb(255,102,102)">ダイナミック</ruby> HTML</p>
Dynamic HTML
<style type="text/css">
<!--
ruby { font-weight: bold; font-family: Arial; color: rgb(255,102,0); }
rt { font-size: 6pt; color: rgb(51,77,204); }
-->
</style>
<p><ruby>Dynamic<rt>ダイナミック</rt></ruby> HTMLは、<ruby>Microsof Internet Explorer<rt>マイクロソフト・インターネット・エクスプローラー</rt></ruby> 4.0の革新的な....</p>
Dynamic HTMLは、Microsof
Internet Explorer 4.0の革新的な機能の1つである。
Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
Dynamic HTMLドキュメントでは、これらの変更はユーザーとの対話によって可能となるため、サーバー側のプログラムや、特殊効果を実現する複雑なHTMLページに依存することがない。
ルビを置く位置を指定します。
ルビを配置する位置を文字の上か、後かをキーワードで指定します。
{ ruby-position : above | inline ]
<p><ruby style="ruby-position: above;">Dynamic<rt>ダイナミック</ruby>HTML</p>
Dynamic HTML
<p><ruby style="ruby-position: inline;">Dynamic<rt>ダイナミック</ruby>HTML</p>ruby-position: ;
Dynamic HTML
ルビ大きさについて
<RT>タグにルビのサイズを指定しない場合は、サンプルのような大きさで、表示されます
9.0ptのRuby の大きさ
10.0ptのRuby の大きさ
11.0ptのRuby の大きさ
12.0ptのRuby の大きさ
13.0ptのRuby の大きさ
14.0ptのRuby の大きさ
15.0ptのRuby の大きさ
16.0ptのRuby の大きさ
 |
 |
|---|
