CSS font-variant-position Property

Description

The font-variant-position property is used to enable typographic subscript and superscript glyphs. These are alternate glyphs designed within the same em-box as default glyphs and are intended to be laid out on the same baseline as the default glyphs, with no resizing or repositioning of the baseline. They are explicitly designed to match the surrounding text and to be more readable without affecting the line height.

Initial value
normal
Applies to
All elements
Inherited
Yes
Media
Visual
Computed value
As specified
Animatable
No
CSS Version
CSS3
JavaScript syntax
object.style.fontVariantPosition

Syntax

Formal syntax: normal | sub | super

font-variant-position: normal;
font-variant-position: sub;
font-variant-position: super;

Values

  • normalNone of the features listed below are enabled.
  • subEnables display of subscript variants (OpenType feature: subs).
  • superEnables display of superscript variants (OpenType feature: sups).

Example

.class {
   font-variant-position: super;
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
XXX?XX
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
XX?XXX