La propiedad fontSizeAdjust controla mejor el tamaño de la fuente si la primera opción de fuente no está disponible. Establece o devuelve el valor de aspecto de fuente del texto.
El valor de aspecto es la diferencia de tamaño entre la letra minúscula «x» y la letra mayúscula «X».
Sintaxis:
- Para establecer la propiedad fontSizeAdjust
object.style.fontSizeAdjust = "none|initial|number|inherit"
- Para obtener la propiedad fontSizeAdjust
object.style.fontSizeAdjust
Valores de propiedad:
- ninguno: el tamaño se establece de forma predeterminada. No se produce ningún cambio.
- number: Calcula y conserva el valor de aspecto de la primera fuente de la lista en el valor de la propiedad font-family. Este valor se usa en la ecuación f*(af/as)=s donde “f” es el tamaño de fuente de la primera opción, “af” es el valor de aspecto de la primera opción, “as” es el valor de aspecto del valor de aspecto de fuente disponible & “s” es el tamaño para usar una fuente disponible.
- inicial: el tamaño se establece en el valor predeterminado.
- heredar: el tamaño se hereda de su elemento principal.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
HTML | DOM Style fontSizeAdjust Property
</title>
</head>
<body>
<p id="change">
HTML| DOM fontSizeAdjust property
</p>
<button type="button" onclick="myFunction()">
change
</button>
<script>
function myFunction() {
// Adjust font size.
document.getElementById(
"change").style.fontSizeAdjust =
"0.76";
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegador compatible: El navegador compatible con HTML | Las propiedades DOM Style fontSizeAdjust se enumeran a continuación:
- Mozilla Firefox
Publicación traducida automáticamente
Artículo escrito por AkshayGulati y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA