無料ホームページ作成!CSS・スタイルシート
ルビ(ふりがな)の位置

無料ホームページ作成!CSS・文字
文字のルビ(ふりがな)の位置

ホームページの文字のルビ(ふりがな)の位置を指定

未対応ブラウザ:NN、Safari

ruby-position属性

このruby-position属性は文字のルビの位置の設定を宣言できる属性です、この属性はあまり意味を持ちません、値の種類が2種類しかなく、値をinlineにすると未対応ブラウザが表示される状態と同じになるからです、ですので覚える必要がありません。

ruby-position属性の使い方

CSSソース

セレクタ{
	ruby-position:inline;
}
 
結果
<ruby>タグを使わないのと変わりません (未対応ブラウザと同じ)

text-decoration属性で宣言できる値

概要
above 上に設定
inline 右(後ろ)に設定

値の使用例

初期値でaboveになっているのでinlineを使うのなら<ruby>タグを使わないのと同じですので宣言する必要はないでしょう。

無料ホームページ作成!メニュー

CSS・スタイルシート

基本

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS