Latest web development tutorials

HTML DOM propiedad Estilo fontSizeAdjust

Estilo de referencia de objetos Objetos de estilo

Definición y Uso

fontSizeAdjust conjuntos de propiedades o devuelve el valor de aspecto fuente del texto.

Todas las fuentes tienen elvalor de relación, la diferencia de tamaño que es minúscula "x" y mayúscula "X" el medio.

Cuando el primer seleccionar la fuente no está disponible, la propiedad fontSizeAdjust le da más control sobre el tamaño de la fuente. Cuando una fuente no está disponible, un segundo navegador utilizando la fuente especificada. Esto puede dar lugar a cambios en el tamaño de la fuente. Para evitar esto, utilice la propiedad.

Cuando el navegador sabe que el primer aspecto elección de la fuente, el navegador se puede calcular utilizando el segundo para seleccionar la fuente que desea utilizar cuando se muestra el tamaño de fuente del texto.

gramática

Configuración de las propiedades fontSizeAdjust:

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

Volver propiedades 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 属性的值从父元素继承。


Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Sólo es compatible con Firefox propiedad fontSizeAdjust.


Ejemplos

Ejemplos

Ajusta tamaño del fuente:

<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult función () {
document.getElementById ( "P1") style.fontSizeAdjust = "0.58" .;
}
</ Script>
</ Head>
<Cuerpo>

<P id = "p1"> Esto es un texto </ p>
<br>
<Botón tipo "botón" = onclick = "displayResult ()"> Cambiar el tamaño de fuente </ botón>

</ Body>
</ Html>

Trate »


Estilo de referencia de objetos Objetos de estilo