font-variant-position
font-variant-position CSS 属性控制是否使用替代的、较小的字符，这些字符被定位为上标或下标。
这些字形相对于字体基线进行定位，而基线保持不变。这些字形通常用于 <sub> 和 <sup> 元素。
当这些替代字形的使用被激活时，如果运行中的一个字符没有此类排版增强字形，则运行中的所有字符都将使用回退方法进行渲染，从而合成这些字形。
这些替代字形与字体的其余部分共享相同的字形框和相同的基线。它们只是图形上的增强，对行高和其他盒子特性没有影响。
语法
css
/* Keyword values */
font-variant-position: normal;
font-variant-position: sub;
font-variant-position: super;
/* Global values */
font-variant-position: inherit;
font-variant-position: initial;
font-variant-position: revert;
font-variant-position: revert-layer;
font-variant-position: unset;
font-variant-position 属性指定为下面列出的关键字值之一。
值
正式定义
| 初始值 | normal |
|---|---|
| 应用于 | 所有元素和文本。它也适用于 ::first-letter 和 ::first-line。 |
| 继承性 | 是 |
| 计算值 | 同指定值 |
| 动画类型 | 离散 |
正式语法
font-variant-position =
normal |
sub |
super
示例
设置上标和下标形式
HTML
html
<p class="normal">Normal!</p>
<p class="super">Super!</p>
<p class="sub">Sub!</p>
CSS
css
p {
display: inline;
}
.normal {
font-variant-position: normal;
}
.super {
font-variant-position: super;
}
.sub {
font-variant-position: sub;
}
结果
规范
| 规范 |
|---|
| CSS 字体模块第 4 级 # font-variant-position-prop |
浏览器兼容性
加载中…