細
→rubyタグ
>Fet-Fe |
>Fet-Fe 細 (→rubyタグ) |
||
| 203行目: | 203行目: | ||
どうしても再現したいなら、一つの文字毎にrubyタグで囲み、spanタグに<code>writing-mode: vertical-rl;</code>というCSSを記述して[[#縦書き|縦書き]]にする。 | どうしても再現したいなら、一つの文字毎にrubyタグで囲み、spanタグに<code>writing-mode: vertical-rl;</code>というCSSを記述して[[#縦書き|縦書き]]にする。 | ||
文字が縦方向にガタつくことを防ぐため、spanタグにはCSSで<code>vertical-align: middle;</code>を指定している。 | |||
下の例では、「唐」の字は<code><span style="writing-mode: vertical-rl; vertical-align: middle;"><ruby>唐<rt>ㄊㄤˊ</rt></ruby></span></code>で記述されている。他の文字も全く同じようにしている。 | 下の例では、「唐」の字は<code><span style="writing-mode: vertical-rl; vertical-align: middle;"><ruby>唐<rt>ㄊㄤˊ</rt></ruby></span></code>で記述されている。他の文字も全く同じようにしている。 | ||