HTMLのルビに関するサンプル・試験集

Simple

(Kan)(ji)

Image (Gaiji)

(Biang) (Biang)

Font weight

With font-weight (class ruby-weight)

(かん)()

With-out font-weight

(かん)()

shear

font-style: oblique

日本語文章中に (かん)(JI) の様にルビ付きブロックを入れる。

transform: skewX(-20deg) (cannot be applied to ruby nor span)

日本語文章中に (かん)(JI) の様にルビ付きブロックを入れる。