Set a <p> element to a small-caps font:
The fontVariant property sets or returns whether the font should be displayed in small capital letters.
This means that all lowercase letters will be converted to uppercase, but the letters will have a smaller font-size compared to the rest of the text.
The fontVariant property is supported in all major browsers.
Return the fontVariant property:
Set the fontVariant property:
Value | Description |
---|---|
normal | The font is normal. This is default |
small-caps | The font is displayed in small capital letters |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Default Value: | normal |
---|---|
Return Value: | A String, representing a font in either normal or small capital letters |
CSS Version | CSS1 |
Return the font variant of a <p> element:
CSS tutorial: CSS Font
CSS reference: font-variant property
HTML DOM reference: font property