HTML | DOM Style fontSizeAdjust Property

The fontSizeAdjust property controls better the font size if the first choice of font is not available. It sets or returns the font aspect value of the text.
Aspect value is the size difference between the lowercase letter “x” and the uppercase letter “X”.

Syntax:

  • To set the fontSizeAdjust property
    object.style.fontSizeAdjust = "none|initial|number|inherit"
  • To get the fontSizeAdjust property
    object.style.fontSizeAdjust

Property Values:



  • none: Size is set to default. No change occurs.
  • number: Calculate and preserve aspect value of the first listed font in the value of the property font-family. This value is used in the equation f*(af/as)=s where “f” is a font size of the first choice, “af” is aspect value of the first choice, “as” is aspect value of aspect value of available font & “s” is the size to use an available font.
  • initial: Size is set to default.
  • inherit: Size is inherited from its parent element.

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


Output:
Before click on the button:

After click on the button:

Supported Browser: The browser supported by HTML | DOM Style fontSizeAdjust Property are listed below:

  • Mozilla Firefox


My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.



Improved By : ManasChhabra2



Article Tags :
Practice Tags :


Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.