Skip to content
Related Articles
Get the best out of our app
GFG App
Open App
geeksforgeeks
Browser
Continue

Related Articles

CSS | font-size-adjust Property

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

The font-size-adjust property in CSS is used to adjusts the font size based on the height of lowercase rather than capital letters and gives the better control of the font size. It is very useful when the text has given multiple styles and has adjust the font while changing in between those styles.

Syntax:  

font-size-adjust: number|none|initial|inherit;

Default Value: 

  • none 

Property values: 

  • number: It sets the number to the font-size-adjust property.
  • none: It sets the default value.
  • initial: It sets the font-size-adjust property to its default value.
  • inherit: The font-size-adjust property is inherited from its parent.

Example: 

html




<!DOCTYPE html>
<html>
    <head>
        <title>
            CSS font-size-adjust property
        </title>
         
        <style>
            .GFG1 {
                font-family: Times, serif;
            }
             
            .GFG2 {
                font-family: Verdana, sans-serif;
            }
            div {
                font-size-adjust: 0.58;
            }
        </style>
    </head>
     
    <body>
        <h1>GeeksforGeeks</h1>
         
        <h2>
            CSS font-size-adjust property
        </h2>
         
        <p class = "GFG1">
            GeeksforGeeks: A computer science
            portal for geeks
        </p>
 
 
        <p class = "GFG2">
            GeeksforGeeks: A computer science
            portal for geeks
        </p>
 
 
    </body>
</html>                   


Output: 

Supported Browsers: The browser supported by font-size-adjust property are listed below:  

  • Firefox 40.0 and above

My Personal Notes arrow_drop_up
Last Updated : 02 Aug, 2022
Like Article
Save Article
Similar Reads
Related Tutorials