Hatena::ブログ(Diary)

ひとりごと

2009-08-18

はてなダイアリーでルビをふる

はてなダイアリー紅玉(ルビ)をふってみました。

サンプル


また天國(てんこく)()眞珠(しんじゅ)(もと)むる商人(あきうど)のごとし。
(あたひ)たかき眞珠(しんじゅ)(ひと)つを見出(みいだ)さば、()きて()てる(もの)をことごとく()りて、(これ)()ふなり。


新約聖書 マタイ(でん)福音書(ふくいんしょ)13章45節-46節 (文語訳 大正改訳)
no titleマタイ傳福音書(文語訳) - Wikisource *1
新約聖書 - 近代デジタルライブラリー


HTMLタグ

はてなダイアリーで使用できるルビ関連のタグは4つ。

rbcとrtcは未対応でした。 ( はてなダイアリー利用可能タグ - はてなダイアリーのヘルプ )

<ruby>
 <rb>紅玉</rb>
 <rp>(</rp>
 <rt>ルビ</rt>
 <rp>)</rp>
</ruby>

CSS

管理画面からスタイルシートを設定します。 ( スタイルシートを編集する - はてなダイアリーのヘルプ )

ruby{
  display:inline-table;
  text-align:center;
  white-space:nowrap;
  text-indent:0;
  margin:0;
  vertical-align:text-bottom;
  line-height:1;
}
rb{
  display:table-row-group;
  line-height:1;
}
rt{
  display:table-header-group;
  font-size:71%;
  line-height:1;
  letter-spacing:0;
}
rp{
  display:none;
}

スタイルシートの内容は、「404 Blog Not Found:CSS - ルビ再び」を参考にしました。

ありがとうございます。

*1:現時点ではリンク先の Wikisource にルビはありません。書籍にはあります。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

Connection: close