Descrição
A propriedade font-variant determina o uso de uma das duas faces da fonte a ser usada na renderização do texto de um determinado elemento.
Valores possíveis
normal- Especifica uma face de fonte normal; ou seja, qualquer que seja a face padrão da fonte em uso.
small-caps- especifica uma face em versalete; ou seja, uma face na qual os caracteres minúsculos são processados como letras maiúsculas, que são menores do que as letras usadas para caracteres maiúsculos.
Aplica-se a
Todos os elementos HTML.
Sintaxe DOM
object.style.fontVariant = "small-caps";
Exemplo
Aqui está o exemplo usando esta propriedade -
<html>
<head>
</head>
<body>
<p style = "font-variant:small-caps;">
This text will be rendered as small caps
</p>
</body>
</html>
Isso produzirá o seguinte resultado -