ruby-position
ruby位置
这是一种实验技术
由于该技术的规格不稳定，请查看各种浏览器的兼容性表格以供使用。另外请注意，随着规范的变化，实验技术的语法和行为在未来版本的浏览器中可能会发生变化。
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 石注释容器 |
| 遗传 | 是 |
| 媒体 | visual |
| 计算值 | 作为指定 |
| 动画类型 | 离散的 |
| 规范的顺序 | 形式语法定义的独特的非模糊顺序 |
语法
值
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;
}
结果如下：
规范
| Specification | Status | Comment |
|---|---|---|
| CSS Ruby Layout Module Level 1The definition of 'ruby-position' in that specification. | Working Draft | Initial definition |
浏览器兼容性
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | No support | (Yes) | 38 (38) | No support 1 | ? | No support 2 |
| inter-character | No support | ? | No support | No support | ? | No support |
| Feature | Android | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | No support | (Yes) | 38.0 (38) | No support 1 | No support | No support 2 |
| inter-character | No support | No support | No support | No support | No support |
