HTML | DOM Meta Object

HTML | DOM Style fontSizeAdjust Property

Last Updated : 08 Aug, 2022

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:

html

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

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 3

HTML | DOM Meta Object

A

AkshayGulati

Improve

Article Tags :

Similar Reads

HTML | DOM MouseEvent offsetX Property

The MouseEvent offsetX property is a read-only property which is used for returning the x-coordinate of the mouse pointer, relative to the target element. Syntax : event.offsetX Return Value: It returns a number which represents the horizontal coordinate of the mouse pointer, in pixels. Below progra

HTML | DOM Style columns Property

HTML DOM Style columns Property is used to set the width of the column & column count. Syntax: To Return the column property: object.style.columns To Set the column property: object.style.columns= "auto|columnwidth columncount| initial|inherit" Property Values: Auto: Sets both values of width

HTML | DOM Style height Property

HTML DOM Style height Property is similar to CSS Height Property but it is used to set or get height of an element dynamically. Syntax : To set the height property : object.style.height = auto|length|%|initial|inherit;To get height property value: object.style.height Property Values: ValueDescriptio

HTML DOM Base Object

The Base Object in HTML DOM is used to represent the HTML <base> element. This tag is used to set or get the properties of <base> element. This element can be accessed by using getElementById() method. Syntax: document.getElementById("Base_ID"); This "Base_ID" is assigned to HTML <bas

HTML | DOM Meta Object

The DOM Meta Object is used to represent the HTML <meta> element. The Meta element is accessed by getElementById().Properties: Name attribute: This attribute is used to define the name of property.http-equiv attribute: This attribute is used to get http response message header.Scheme attribute

HTML | DOM TouchEvent altKey Property

The TouchEvent altKey property is a read-only property and used for returning a Boolean value which indicates whether or not the "ALT" key was pressed when a touch event was triggered. The TouchEvent altKey property mostly returns false because generally, touch devices do not have an alt key. Syntax

HTML | DOM MouseEvent screenY Property

The MouseEvent screenY property is a read-only property and used for returning the vertical coordinate of the mouse pointer when an event was triggered. Syntax : event.screenY Return Value: It returns a number which represents the vertical coordinate of the mouse pointer in pixels. Below program ill

HTML | DOM touchcancel Event

The touchcancel event is used to execute a script when the touch event gets interrupted. It is considered a good practice to include the touchcancel event to clean up the code if the devices interrupt a touch event at different actions.Supported Tags All HTML elements supported by this event. Suppor

HTML DOM childNodes Property

The childNodes property returns a node's child nodes as a nodeList object. White spaces and comments are also considered as nodes. The nodes are assigned index numbers, starting from 0. Searching and sorting operations can be performed using index number on the node list. Syntax: elementNodeReferenc

HTML DOM MouseEvent pageX Property

The MouseEvent.pageX property returns the horizontal coordinate (in pixels) of the mouse pointer, relative to the entire document (not just the viewport), when a mouse event occurs. This value includes any horizontal scrolling that has been doneSyntax: event.pageXReturn Values: It returns the horizo