Latest web development tutorials

propriedade HTML DOM Estilo fontSizeAdjust

Estilo Object Reference estilo Objects

Definição e Uso

fontSizeAdjust conjuntos de propriedades ou retorna o valor aspecto fonte do texto.

Todas as fontes têm ovalor aspecto, a diferença em tamanho que é minúscula "x" e maiúscula "X" entre eles.

Quando o primeiro selecione a fonte não está disponível, fontSizeAdjust propriedade dá-lhe mais controle sobre o tamanho da fonte. Quando uma fonte não estiver disponível, um segundo navegador usando a fonte especificada. Isso pode levar a mudanças no tamanho da fonte. Para evitar isso, use a propriedade.

Quando o navegador sabe que o primeiro aspecto a escolha do tipo de letra, o navegador pode ser calculada usando a segunda para selecionar a fonte a ser usada ao exibir o tamanho da fonte do texto.

gramática

Definindo as propriedades fontSizeAdjust:

Object.style.fontSizeAdjust="none|value|inherit"

Voltar propriedades fontSizeAdjust:

Object.style.fontSizeAdjust

描述
none 默认。不要保留第一选择字体的 x-height。
value 保留第一选择字体的 x-height,并计算字体的 aspect 值比率。

使用的公式:首选字体的字体尺寸 * (第一选择字体的 aspect 值 / 可用字体的 aspect 值) = 可用字体的字体尺寸

实例:如果 14px 的 Verdana(aspect 值是 0.58)不可用,但是某个可用的字体(Times New Roman)的 aspect 值是 0.46,那么替代字体的尺寸将是 14*(0.58/0.46) = 17.65px。
inherit fontSizeAdjust 属性的值从父元素继承。


Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Apenas Firefox suporta fontSizeAdjust propriedade.


Exemplos

Exemplos

Ajuste o tamanho da fonte:

<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "utf-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult function () {
document.getElementById ( "P1") style.fontSizeAdjust = "0,58" .;
}
</ Script>
</ Head>
<Body>

<P id = "p1"> Este é um texto </ p>
<br>
<Button type = "button" onclick = "displayResult ()"> Ajustar tamanho da fonte </ button>

</ Body>
</ Html>

tente »


Estilo Object Reference estilo Objects