The<relative-size>CSSdata type describes relative size keywords. The<relative-size> keywords define a size relative to the computed size of the parent element. This data type is used in thefont shorthand andfont-size properties.

Syntax

<relative-size> = smaller | larger

Values

The<relative-size> data type is defined using a keyword value chosen from the list below.

smaller

A relative size one size smaller than the inherited size.

larger

A relative size one size larger than the inherited size.

Description

The<relative-size> keywords are relative to the current size of the element. If the inherited size is defined using an<absolute-size> keyword, the<relative-size> value equates to the adjacent size in the<absolute-size> table. Otherwise, the relative increase or decrease in size is between 120% and 150%.

Examples

Comparing the keyword values

<ul>  <li>font-size: smaller;</li>  <li>font-size is not specified</li>  <li>font-size: larger;</li></ul>

li {  margin-bottom: 0.3em;}.smaller {  font-size: smaller;}.larger {  font-size: larger;}

Result

Specifications

See also

• CSS<absolute-size> data type
• CSSfont andfont-size properties
• CSS fonts module