English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência CSS

regras CSS (RULES)

大全 de Atributos CSS

CSS font-Método de uso e exemplo do atributo variant

font-O atributo variant define a exibição de texto com fontes de letras maiúsculas pequenas, o que significa que todas as letras minúsculas serão convertidas para maiúsculas, mas todas as letras usando a fonte maiúscula pequena serão menores em tamanho em comparação com o texto restante.

A tabela a seguir descreve a explicação do uso e o histórico de versões deste atributo, bem como a sintaxe de uso no script javascript.

Valor padrão:normal
Aplicável a:Todos os elementos
Herança:Sim
Animável:Não.Por favor, consulte Atributo de animação
Versão:CSS 1,2,3

font-Sintaxe de uso do variant

A sintaxe deste atributo é a seguinte:

font-variant: normal | small-caps | initial | inherit

Os seguintes exemplos mostram como usar font-atributo variant.

  p {
   font-variant: small-caps;
  }
Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

ValorDescrição
normalEspecifique a fonte normal.
small-capsEspecifique a fonte de letra minúscula para o marcador. Se não puder usar a fonte minúscula, o navegador simulará essa variante, usando a fonte normal, substituindo as letras minúsculas por letras maiúsculas encolhidas.
initialDefina este atributo para seu valor padrão.
inheritSe especificado, o elemento relacionado adota o font do elemento pai-Os valores do atributo variant.

Atenção:   em small-nas fontes caps, as letras minúsculas parecem-se com as maiúsculas, mas são menores e a proporção é ligeiramente diferente.

Compatibilidade do navegador

font-Compatibilidade do navegador do atributo variant, os números na tabela a seguir representam a versão mínima do navegador que suporta o atributo; todos os navegadores populares suportam este atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

Leia mais

Por favor, consulte as seguintes instruções:CSS fonteCSS texto

Atributos e regras relacionados:fontfont-stylefont-weightfont-sizeline-heightfont-family@font-face