ruby-position

語法

屬性值

over

如果文件以橫式排列，該關鍵字會指引旁註標記（ruby）出現在主文的上方。如果文件以直式排列，則會出現在主文的右方。

under

如果文件以橫式排列，該關鍵字會指引旁註標記出現在在主文的下方。如果文件以直式排列，則會出現在主文的左方。

inter-character

該關鍵字會指引旁註標記出現在在主文的兩個字符的中間。

正式語法

ruby-position = 
  [ alternate || [ over | under ] ]  |
  inter-character                    

示例

HTML 會因為 ruby-position 的值不同，而作出不同的渲染：

<ruby>
  <rb>超電磁砲</rb>
  <rp>（</rp><rt>レールガン</rt><rp>）</rp>
</ruby>

旁註標記定位到主文上方

<ruby>
  <rb>超電磁砲</rb>
  <rp>（</rp><rt>レールガン</rt><rp>）</rp>
</ruby>

ruby {
  ruby-position: over;
}

它會給出如下結果：

旁註標記定位到主文下方

<ruby>
  <rb>超電磁砲</rb>
  <rp>（</rp><rt>レールガン</rt><rp>）</rp>
</ruby>

ruby {
  ruby-position: under;
}

它會給出如下結果：

規範

瀏覽器相容性

參見

• HTML 的旁註標記元素：<ruby>、<rt>、<rp>、<rtc>。
• CSS 的旁註標記屬性：ruby-align、ruby-merge。