font-size-adjust - HTML CSS CSS Property

HTML CSS examples for CSS Property:font-size-adjust

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. font-size-adjust

Description

The font-size-adjust CSS property sets that font size should be chosen based on the height of lowercase letters not the height of capital letters.

The following table summarizes the font-size-adjust Property.

Item Value
Default value: none
Applies to:All elements. It also applies to ::first-letter and ::first-line.
Inherited: Yes
Animatable: Yes.

Syntax

The syntax of the property is as follows: 


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

Property Values

The following table describes the values of this property.

Value Description
number aspect value used to calculate the adjusted font size.
noneNo font size adjustment. Choose the size of the font based only on the font-size property. This is default value.
initial Sets this property to its default value.
inherit take the value of its parent element font-size-adjust property.

The example below shows the font-size-adjust property.

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html lang="en">
 <head>
  <title>Example of CSS3 font-size-adjust Property</title>
  <style type="text/css">
  p {<!--  w  ww  . j av  a2 s . co m-->
        font-family: "DejaVu Sans", Arial, sans-serif;
        font-size-adjust: 0.6;
    }
</style>
 </head>
 <body>
  <p>This is a paragraph.</p>
 </body>
</html>

Related Tutorials