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

停用备用上标和下标字形。

sub

激活下标备用字形。如果在给定的运行中,一个这样的字形对于一个字符不可用,则运行中的所有字符都使用合成字形进行渲染。

super

激活上标备用字形。如果在给定的运行中,一个这样的字形对于一个字符不可用,则运行中的所有字符都使用合成字形进行渲染。

正式定义

初始值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

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅