サイト内検索
...スタイルシート(css)...
スタイルシート・テキスト
ふりがなの位置
- ふりがなの位置は、ruby-alignプロパティを指定します。
- ふりがなのはみ出る場合の位置は、ruby-overhangプロパティを指定します。
- ふりがなの位置を
- 対象になる文字の上・右側には、ruby-positionプロパティを指定します。
- ＩＥのみに対応しています。
- [メモ・・・W3C・CSS検証サービス・・・]
- rubyは、ＨＴＭＬ用要素です。
- ruby-align・ruby-overhang・ruby-positionは、
- CSS レベル 2.1 に存在しませんが、[css3] に存在します。
| プロパティ名 | 値 | 表示例 | 説明 |
|---|---|---|---|
| ruby-align： | auto； | 自動 | |
| left； | 左寄せ | ||
| center； | 中央 | ||
| right； | 右寄せ | ||
| distribute-
letter ； | 両端揃え | ||
| distribute-
space； | 均等 | ||
| line-edge； | ルビとふりがな | 行端揃え | |
| ruby-
overhang： |
auto； | ルビと | はみ出す |
| whitespace； | ルビと | スペースまで
はみ出す |
|
| none； | ルビと | はみ出さない | |
| ruby-
position： |
above； | 上側 | |
| inline; | 右側 |