Template:ルビ

{{{1}}}（{{{2}}}）

[編集] [キャッシュ破棄]

テンプレートの解説

この解説は、 Template:ルビ/doc （編集 | 履歴）から呼び出されています。
このテンプレートには、サンドボックスもテストケースもありません。（解説）

ルビを振るテンプレートです。rubyタグの代わりにCSSによる擬似的にルビを表示する方法を利用することで、XHTML1.0規格を満たしつつ、ルビ表示を希望する人の利便を図ります。

[編集] 使用法

[編集] スタイルシートの設定

メニューの個人設定 - 表示 - カスタムCSS に、以下のうちのどちらかのCSSを指定します。なお指定しない場合には、通常のテキストとして表示されます。

inline-tableに対応しているブラウザについては、inline-table版の方がきれいに表示されるため、そちらの使用を推奨します。inline-tableに対応していないブラウザについては position 版を使用してください。

[編集] inline-table 版

/* Template:ルビ */
.ruby {
  border: none;
  display: inline-table;
  height: 1em;
  line-height: 1;
  margin: 0px;
  padding: 0px;
  text-align: center;
  text-indent: 0px;
  vertical-align: text-bottom;
  white-space: nowrap;
}

.ruby > .rb {
  border: none;
  display: table-row-group;
  line-height: 1;
  margin: 0px;
  padding: 0px;
  text-align: center;
  white-space: nowrap;
}

.ruby > .rt {
  border: none;
  display: table-header-group;
  font-size: 0.625em;
  line-height: 1.1;
  margin: 0px;
  padding: 0px;
  text-align: center;
  white-space: nowrap;
}

.ruby > .rp {
  display: none !important;
}

対応ブラウザ： Firefox, Opera 8, Safari など

[編集] position 版

/* Template:ルビ */
.ruby {
  bottom: 0;
  display: inline;
  line-height: 1em;
  padding: 0;
  position: relative;
  top: 0;
}

.ruby > .rt {
  display: inline;
  font-size: 50%;
  left: 0;
  line-height: 1em;
  position: absolute;
  text-indent: 0;
  top: -1em;
  white-space: nowrap;
}

.ruby > .rp {
  display: none !important;
}

a:link .rt,
a:visited .rt {
  text-decoration: none;
}

なおこの方法については、

ルビが短すぎる場合にはルビが左に偏る
ルビが長過ぎる場合にはルビを振る対象テキストよりはみ出す

などの問題があります。

[編集] 使用例

{{ルビ|漢字|かんじ}} -> 漢字（かんじ）
スタイルシートを利用しない場合の例 : {{ルビ|漢字|かんじ}} -> 漢字（かんじ）

祗園精舎（ぎおんしょうじゃ）の鐘の声、諸行無常（しょぎょうむじょう）の響きあり。娑羅双樹（しゃらそうじゅ）の花の色、盛者必衰（じょうしゃひっすい）の理（ことわり）をあらわす。おごれる人も久しからず、唯（ただ）春の夜の夢のごとし。たけき者も遂（つい）にはほろびぬ、偏（ひとえ）に風の前の塵に同じ。

— 『平家物語』冒頭

[編集] 備考：rubyタグの使用について

「ルビ#HTML上のルビ」も参照

<ruby>タグは現行のWikipedia:スタイルマニュアルでは使用不可とされています。ただしシステム的には許容されています（en:Help:HTML_in_wikitextを参照）。

[編集] 規格・ブラウザの対応状況

HTML 4.01 - 非対応
XHTML 1.0 - 非対応
XHTML 1.1 - Ruby Annotation で対応
HTML 5.0 - 対応予定

Internet Explorer 5.0 - 対応
Sleipnir 2.8 - 対応
Firefox 3.5 - 非対応。ただし HTML Ruby アドオンで対応
Safari 4.0 - 非対応
Opera 10.0 - 非対応
Google Chrome 2.0 - 非対応

対応しない場合はふりがなは単に（）内に表示されます。

[編集] 関連項目

ルビ

[編集] 外部リンク

ルビを振るには。