English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Reference Manual

CSS @rules (RULES)

Complete List of CSS Properties

CSS3 font-size-Usage and examples of adjust property

font-size-The adjust CSS property specifies that font size should be selected based on the height of lowercase letters rather than uppercase letters.

Whenfont-familyIf the font preferences specified by the author are not available, font fallback will occur, which may cause the font size to increase or decrease. The font-size-The adjust property is a method to maintain readability of text in this case. It does this by adjusting the font size so that regardless of which font is used,x-heightAll are the same.

The following table provides usage instructions and version history for this property, as well as the syntax for using the property in JavaScript scripts.

Default value:none
Applies to:
All elements. It also applies to::first-letter and ::first-line.
Inheritance:is
Animatable:is.Please refer to Animation Attributes.
Version: CSS3new feature
JavaScript Syntax:object.style.fontSizeAdjust="0.58"

font-size-adjust Syntax

The syntax of this attribute is as follows:

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

The following examples demonstrate how to use font-size-adjust Attribute.

p {
    font-family: "DejaVu Sans", Arial, sans-serif;
    font-size-adjust: 0.6;
}
Test to see‹/›

Attribute Values

The following table describes the values of this attribute.

ValueDescription
numberDefine the aspect value ratio of the font. The formula that can be used: Font size of the preferred font * (font-size-adjust Value / Aspect value of available fonts) = font size of available fonts for application. For example: If 14px Verdana (aspect value is 0.58is not available, but the aspect value of some available font is 0.46Then the font size instead will be 14 * (0.58/0.46) = 17.65px.
noneThis is the default value. No font size adjustment. Only based onfont-sizeSelect the font size of the attribute.
initialSet this attribute to its default value.
inheritIf specified, the associated element will use its parent element's font-size-adjust Attribute Values.

Browser Compatibility

font-size-Most browsers do not support this attribute.

  • Firefox 3+

  • Google Chrome×

  • Internet Explorer ×

  • Apple Safari ×

  • Opera ×

Warning:font-size-Warning: Most browsers currently do not support this attribute. It is best to avoid using this attribute.

Further Reading

Please refer to the following tutorials:CSS Fonts,CSS Units,CSS Pseudo-elements.

Related Attributes and Rules:font,font-family,font-size,font-stretch,font-style,font-variant,font-weight,@font-face.