Propriedade font-variant

A propriedade font-variant permite transformar letras minúsculas em MAIÚSCULAS, mas em um tamanho menor. Esse estilo é chamado de versalete.

Sintaxe

cssseletor {
  font-variant: small-caps | normal;
}

Valores

Valor Descrição
small-caps Transforma letras minúsculas em maiúsculas de tamanho reduzido.
normal Desfaz o efeito de small-caps. Geralmente necessário quando você precisa remover o versalete de uma parte específica do texto (por exemplo, se todos os parágrafos estão em versalete, exceto este).

Valor padrão: normal.

Exemplo . Valor small-caps

Neste exemplo, as letras se tornarão maiúsculas, mas em um tamanho menor:

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  font-variant: small-caps;
}

Результат:

Compare o exemplo anterior (versalete) com o texto escrito em letras maiúsculas:

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

Результат:

Exemplo . Valor normal

Agora será um texto normal:

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  font-variant: normal;
}

Результат: