You are here: Reference > JavaScript > client-side > style handling > properties > fontSizeAdjust

fontSizeAdjust style property

Browser support:
Specifies or returns font aspect value (font size divided by x-height).
The fontSizeAdjust property is useful if you want to set the size of lowercase letters. It specifies the factor by which the font size is multiplied.


You can find the related objects in the Supported by objects section below.
This property is read/write.
CSS page for this property: font-size-adjust

Possible values:

The type of this property is string.
 One of the following values: 
aspect value (floating-point)
Floating-point number, the font aspect value.
Takes the value of this property from the computed style of the parent element.
Font aspect value is not changed.
Default: none.

Example HTML code 1:

This example illustrates the use of the font-size-adjust property:
        .adjust63 {
            font-size-adjust: 0.63;
        .adjust126 {
            font-size-adjust: 1.26;
    <span class="adjust63">font-size-adjust: 0.63</span><br />
    <span class="adjust126">font-size-adjust: 1.26</span>
Did you find this example helpful? yes no

Example HTML code 2:

This example illustrates the use of the fontSizeAdjust property in JavaScript:
    <script type="text/javascript">
        function ChangeFont (selectTag) {            
            // Returns the index of the selected option
            var whichSelected = selectTag.selectedIndex;

            // Returns the selected options values
            var selectState = selectTag.options[whichSelected].text;

            var fontTest = document.getElementById ("fontTest");

            if ('fontSizeAdjust' in {
       = selectState;
            } else {
                alert ("Your browser doesn't support this example!");
    <span id="fontTest" style="font-size-adjust: 0.63">Change font-size-adjust</span>

    <br />
    <select onchange="ChangeFont (this);" size="9">
        <option />0.1
        <option />0.21
        <option />0.32
        <option />0.51
        <option selected="selected" />0.63
        <option />0.8
        <option />1.12
        <option />2.5
        <option />4.8
Did you find this example helpful? yes no

Supported by objects:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content