ruby-position

ルビを対象となるテキストの上部に配置するか、その直後に配置するかを指定します。

ブラウザ

IE5 / IE5.5 / IE6 / IE5 mac

書式

要素[.class名][#id名]{ ruby-position : 値; }

▲PageTop

指定できる値

値	初期値	意味
above	○	指定しない場合と同様になります。
inline		ルビを指定されるテキストの直後に <rp>要素の符号を付けて表示されます。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        ruby-position : above;
      }
      #sample2 {
        ruby-position : inline;
      }
      rt {
        font-size : xx-small;
      }
    </style>
  </head>
  <body>
    <ruby id="sample1">
    <rb>東軍が鬨の声を上げた</rb>
    <rp>(</rp>
    <rt>とうぐんがときのこえをあげた</rt>
    <rp>)</rp>
    </ruby>
    <br><br>
    <ruby id="sample2">
    <rb>東軍が鬨の声を上げた</rb>
    <rp>(</rp>
    <rt>とうぐんがときのこえをあげた</rt>
    <rp>)</rp>
    </ruby>
  </body>
</html>

表示結果

東軍が鬨の声を上げた ( とうぐんがときのこえをあげた )

東軍が鬨の声を上げた ( とうぐんがときのこえをあげた )

▲PageTop

ruby-position

ブラウザ

書式

指定できる値

サンプル

ソースコード

表示結果

関連項目

HTML

CSS