font-variant-position
The font-variant-position
CSS 属性控制使用作为上标或下标定位的备用、较小字形。
这些字形相对于字体的基线定位,基线保持不变。这些字形通常用于 <sub>
和 <sup>
元素。
当激活这些备用字形的用法时,如果运行中的一个字符没有这样的印刷增强字形,则整个运行的字符集将使用回退方法进行渲染,合成这些字形。
这些备用字形与字体中的其他字形具有相同的 em 框和相同的基线。它们只是图形上得到了增强,对行高和其他框特性没有影响。
语法
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 。 |
继承 | 是 |
计算值 | 如指定 |
动画类型 | 离散的 |
正式语法
示例
设置上标和下标形式
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 |
浏览器兼容性
BCD 表格仅在浏览器中加载