CSS font-size-adjust Property
CSS font-size-adjust Property
CSS font-size-adjust
property will adjust the size of the font based on the height of lowercase rather than capital letters.
When the first-choice of a font-family specified by the author is unavailable font fallback occurs, that may results in bigger or smaller font size. The font-size-adjust
property is a way to preserve the readability of text in such situation. It does this by adjusting the size of the lowercase letters.
In the following example, we will adjust the size of the lowercase letter to half of the size of the uppercase letter.
Example
Syntax
Using CSS
Using Javascript
Animatable
Yes, font-size-adjust property is animatable. CSS Animatable Properties Reference.
Default Value
Default value for CSS font-size-adjust property is none.
Property Value
The following table provides a list of values for CSS font-size-adjust
property.
Value | Explanation |
---|---|
none | Set the size of the font based only on the font-size property. |
Number | Set the size of the font so that its lowercase letters are the specified number times the font-size. |
Using JavaScript
In the following example, we will demonstrate how to change the CSS font-size-adjust
property of an element using JavaScript.
Example
Reminder
Hi Developers, we almost covered 98.7% of CSS Tutorials with examples for quick and easy learning.
We are working to cover every Single Concept in CSS.
Please do google search for:
Join Our Channel
Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.
This channel is primarily useful for Full Stack Web Developer.