Atributo font-variant-caps do CSS

Definição e uso

A propriedade font-variant-caps controla o uso de formas alternativas de letras maiúsculas.

Veja também:

Tutorial de CSS:Fonte CSS

Manual de Referência do CSS:Propriedade font

Manual de Referência do DOM HTML:Propriedade fontVariant

Exemplo

Definir o parágrafo em letras minúsculas:

p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}

Experimente você mesmo

Sintaxe do CSS

font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;

Valor do atributo

Valor Descrição
normal Desativa o uso de fontes alternativas.
small-caps Exibe letras maiúsculas pequenas.
all-small-caps Exibe tanto letras maiúsculas quanto minúsculas como letras maiúsculas pequenas.
petite-caps Exibe letras maiúsculas pequenas.
all-petite-caps Exibe tanto letras maiúsculas quanto minúsculas como letras maiúsculas pequenas.
unicase Permite que letras maiúsculas sejam convertidas para uma mistura de letras maiúsculas pequenas e minúsculas normais.
titling-caps Exibir maiúsculas iniciais
initial Defina essa propriedade como seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.
unset

Notas:Letras maiúsculas pequenas se referem a letras escritas em maiúsculo, mas com o tamanho da letra minúscula correspondente.

Detalhes técnicos

Valor padrão: normal
Herança: Sim
Produção de animação: Não suportado. Veja:Propriedades relacionadas a animação.
Versão: CSS3
Sintaxe do JavaScript: object.style.fontVariantCaps="small-caps"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

Chrome IE / Edge Firefox Safari Opera
52.0 79.0 34.0 Não suportado 39.0