HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ

トップページ  > CSS3  > ruby-span

★CSS3リファレンス

ruby-span …… ルビ注釈がどこまでまたがるかを制御する

ruby-spanプロパティは、ルビ注釈がどこまでまたがるかを制御する際に使用します。

注:XHTMLのユーザエージェントでは、同じ効果を得るためにrbspan属性も使うかもしれません。

■値

none
ルビ注釈はルビ本体要素にまたがらない。算出される数値は1となる(初期値)
attr(x)
属性値'x'を文字列で指定する。 文字列の値は、ルビ注釈の要素がまたがるルビ本体の要素数を決定する数値として評価される。 もし数値が0の場合、1に置き換えられる

■適用対象・値の継承・初期値

初期値
none
適用対象
display:ruby-text となっている要素
値の継承
しない

以下は、displayプロパティの値がruby構造とruby-spanプロパティに関連付けられたXMLの使用例です。 (W3Cのウェブサイトからそのまま引用したものです。動作確認などはしていません

■使用例

スタイルシート部分

myruby { display: ruby-base; }
myrbc { display: ruby-base-container; }
myrb { display: ruby-base; }
myrtc.before { display: ruby-text-container; ruby-position: before}
myrtc.after { display: ruby-text-container; ruby-position: after}
myrt { display: ruby-text; ruby-span: attr(rbspan); }

HTMLソース

<myruby>
<myrbc>
<myrb>10</myrb>
<myrb>31</myrb>
<myrb>2002</myrb>
</myrbc>
<myrtc class="before">
<myrt>Month</myrt>
<myrt>Day</myrt>
<myrt>Year</myrt>
</myrtc>
<myrtc class="after">
<myrt rbspan="3">Expiration Date</myrt>
</myrtc>
</myruby>

トップページ  > CSS3  > ruby-span

HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
[PR] 大手・有名企業、首都圏のIT・営業職求人が豊富≪マイナビエージェント≫
[PR] 【リクナビ派遣】スキルをつける、スキルを磨く、派遣なら両方できる!
[PR] えっ、バイトが決まってお金がもらえるの?!
[PR] 派遣の求人ならジョブセンス派遣
[PR] 「オフィスワーク」のアルバイトはこちら
[PR] 無料で本格的な適職診断『とらばーゆ』
HTMLクイックリファレンスについて
このウェブサイトが本になりました
©2014 HTMQ