「利用者:Fet-Fe」の版間の差分
ナビゲーションに移動
検索に移動
細
→HTMLとCSSのノウハウ
>Fet-Fe 編集の要約なし |
>Fet-Fe 細 (→HTMLとCSSのノウハウ) |
||
| 102行目: | 102行目: | ||
<ruby>唐澤貴洋<rt>からさわたかひろ</rt></ruby>と記述することで下のような出力がなされる。 | <ruby>唐澤貴洋<rt>からさわたかひろ</rt></ruby>と記述することで下のような出力がなされる。 | ||
<ruby>唐澤貴洋<rt>からさわたかひろ</rt></ruby> | : <ruby>唐澤貴洋<rt>からさわたかひろ</rt></ruby> | ||
更にrpタグを用いることで、rubyタグへの対応が無いブラウザでの表示をコントロールできる(でも今時そんなことをする必要はなさそう)。 | 更にrpタグを用いることで、rubyタグへの対応が無いブラウザでの表示をコントロールできる(でも今時そんなことをする必要はなさそう)。 | ||
| 108行目: | 108行目: | ||
例えば<ruby lang="ko">唐澤貴洋<rp>(</rp><rt>당택귀양</rt><rp>)</rp></ruby>の結果は下のようになる。 | 例えば<ruby lang="ko">唐澤貴洋<rp>(</rp><rt>당택귀양</rt><rp>)</rp></ruby>の結果は下のようになる。 | ||
<ruby lang="ko">唐澤貴洋<rp>(</rp><rt>당택귀양</rt><rp>)</rp></ruby> | : <ruby lang="ko">唐澤貴洋<rp>(</rp><rt>당택귀양</rt><rp>)</rp></ruby> | ||
但しrubyタグに対応していなければ下のようになる。 | 但しrubyタグに対応していなければ下のようになる。 | ||
<span lang="ko">唐澤貴洋(당택귀양)</span> | : <span lang="ko">唐澤貴洋(당택귀양)</span> | ||
=== 縦書き === | === 縦書き === | ||
| 124行目: | 124行目: | ||
Safariだと文字の向きが正しくなくなるので、text-orientation: sideways;も指定する。 | Safariだと文字の向きが正しくなくなるので、text-orientation: sideways;も指定する。 | ||
<span lang="mn" style="writing-mode: vertical-lr; text-orientation: sideways;">ᠮᠤᠩᠭᠤᠯ<br>ᠬᠡᠯᠡ</span> | : <span lang="mn" style="writing-mode: vertical-lr; text-orientation: sideways;">ᠮᠤᠩᠭᠤᠯ<br>ᠬᠡᠯᠡ</span> | ||
回鶻語やソグド語の縦書きにはwriting-mode: sideways-lr;を用いる。 | 回鶻語やソグド語の縦書きにはwriting-mode: sideways-lr;を用いる。 | ||
但しFirefox以外のブラウザには対応していないので、writing-mode: vertical-rl;をtransform: rotateZ(180deg);で180度回転させる方が汎用性が高い。 | 但しFirefox以外のブラウザには対応していないので、writing-mode: vertical-rl;をtransform: rotateZ(180deg);で180度回転させる方が汎用性が高い。 | ||
<span lang="sog" dir="rtl "style="writing-mode: vertical-rl; text-orientation: sideways; transform: rotateZ(180deg);">𐽂𐼰𐼸𐼰𐼳𐼷𐽀𐼷 𐼸𐼰𐽀𐼰𐼼𐼰𐼴𐼷<br>𐼾𐽂𐼶𐼴𐼰𐼷𐼺𐼸𐼰𐼻𐽘</span> | : <span lang="sog" dir="rtl "style="writing-mode: vertical-rl; text-orientation: sideways; transform: rotateZ(180deg);">𐽂𐼰𐼸𐼰𐼳𐼷𐽀𐼷 𐼸𐼰𐽀𐼰𐼼𐼰𐼴𐼷<br>𐼾𐽂𐼶𐼴𐼰𐼷𐼺𐼸𐼰𐼻𐽘</span> | ||
== 脚註 == | == 脚註 == | ||
<references /> | <references /> | ||