ruby-position

这是一种实验技术

由于该技术的规格不稳定，请查看各种浏览器的兼容性表格以供使用。另外请注意，随着规范的变化，实验技术的语法和行为在未来版本的浏览器中可能会发生变化。

ruby-positionCSS属性定义一个红宝石元件亲戚其基本元件的位置。它可以放置在元素（over），它的下方（under）或其右侧（inter-character）的字符之间。

/* Keyword values */
ruby-position: over;
ruby-position: under;
ruby-position: inter-character;

/* Global values */
ruby-position: inherit;
ruby-position: initial;
ruby-position: unset;

语法

值

over是一个关键字，指示ruby必须放置在水平脚本的主文本之上，垂直脚本的右侧。

under是一个关键字，表明ruby必须放在水平脚本的主要文本下，并留给垂直脚本。

inter-character是一个关键字，指示ruby必须放在不同的字符之间。

形式语法

over | under | inter-character

实例

此HTML将以不同的方式呈现ruby-position*

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

位于文本上的Ruby

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

ruby {
    ruby-position:over;
}

结果如下：

位于文本下面的Ruby

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

ruby {
    ruby-position:under;
}

结果如下：

规范

浏览器兼容性