ルビにCSS、縦書きにJavaScriptでやってみよう（ePub+iBooksでJavaScriptが動いた！）

この書き方はHTML5に準拠しておりますので、将来も安心です。 2. CSSに下記を追記する 続いて、CSSに以下を追加しましょう。 これで、ルビ表記に対応していないブラウザ（例えばiBooks）でも ルビ表示できるようになります。 body{ line-height: 2em;/*A:iPadでルビをきれいに表示する行間*/ } ruby { position: relative;/*B:現状では消しておくほうが良い*/ top: 0; bottom: 0; padding: 0; line-height: 1em; } rp { display: none; } rt { position: absolute;/*B:現状では消しておくほうが良い*/ top: -1em; left: 0; font-size: 50%; line-height: 1.2em; white-space: