propriedade HTML DOM Estilo fontVariant
Definição e Uso
conjuntos de propriedades fontVariant ou retorna se para exibir font small caps.
Isto significa que todas as letras minúsculas serão convertidos em maiúsculas, mas em comparação com o resto do texto, a letra será um tamanho de fonte menor.
gramática
Definindo as propriedades fontVariant:
Object.style.fontVariant="normal|small-caps|inherit"
Propriedades volta fontVariant:
Object.style.fontVariant
值 | 描述 |
---|---|
normal | 默认。字体是 normal(正常的)。 |
small-caps | 字体显示为小型大写字母。 |
inherit | fontVariant 属性的值从父元素继承。 |
Suporte a navegadores
Todos os principais navegadores suportam propriedade fontVariant.
Nota: IE7 e versões anteriores não suportam o valor "herdar".IE8 só fornece! DOCTYPE suportado "herdar". suporte IE9 "herdar".
Exemplos
Exemplos
Altere a fonte para small-caps:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "utf-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult function () {
document.getElementById ( "P1") style.fontVariant = "small-caps" .;
}
</ Script>
</ Head>
<Body>
<P id = "p1"> Este é um texto. </ P>
<P> Este é um texto. </ P>
<br>
<Button type = "button" onclick = "displayResult ()"> Mudar fonte </ button>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "utf-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult function () {
document.getElementById ( "P1") style.fontVariant = "small-caps" .;
}
</ Script>
</ Head>
<Body>
<P id = "p1"> Este é um texto. </ P>
<P> Este é um texto. </ P>
<br>
<Button type = "button" onclick = "displayResult ()"> Mudar fonte </ button>
</ Body>
</ Html>
tente »
estilo Objects