用途
新着
履歴
言語


HTML 縦書きのふりがな

HTML 縦書きのふりがな
HTML 縦書きのふりがな
文字を縦書きにしたとき、ふりがな(ルビ)をつけるサンプルです。

ウェブでは主に文字は横書きが主流です。

横書きのときのふりがなのコーディングは別ページに記載しています。

ねこ えが

ですが、日本語は縦書きで作文を習い、小説も新聞も縦書きです。

縦書きの文字に対してふりがなをつけるには、やや面倒なのでメモをしておきます。

ねこ えが

CSSは以下のように書きます。

.demo_tategaki2{
writing-mode: vertical-rl;
ruby-position : over;
}

.demo_tategaki2 ruby {
writing-mode:vertical-rl
}

HTMLはこちら

<div class="demo_tategaki2">
<ruby>
猫<rt>ねこ</rt>
</ruby>
を
<ruby>
描<rt>えが</rt>
</ruby>
く
</div>
公開 : 2020-01-05 22:07:04
更新 : 2020-01-05 22:51:00
このエントリーをはてなブックマークに追加
LINEでシェア
このページの二次元コード

関連するサンプル

search -  category -  about
© 2020 kipure
Top