15.7 Font size: the 'font-size' property

Chapter 15 - Fonts - 15.7 Font size: the 'font-size' property

Go to the relevant page of the specification.

background-position-001 (ahem, image)
background-position - ex unit
ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.
background-position-002 (ahem, image)
background-position - ex unit
ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.
c526-font-sz-000
font-size
c526-font-sz-001 (ahem)
font-size
c526-font-sz-002 (ahem)
font-size
c526-font-sz-003 (ahem)
font-size
c527-font-000
font
c527-font-001
font
c527-font-002
font
c527-font-003
font
c527-font-004
font
c527-font-005
font
c527-font-006
font
c527-font-007
font
c527-font-008
font
c527-font-009
font
c527-font-10
font
font-size-001 (ahem, invalid)
Font-size using pixels with a minimum minus one value, -1px
The 'font-size' property sets a minimum minus one length value in pixels is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
font-size-002 (ahem)
Font-size using pixels with a minimum value, 0px
The 'font-size' property sets a minimum length value in pixels.
font-size-003 (ahem)
Font-size using pixels with a minimum plus one value, 1px
The 'font-size' property sets a minimum plus one length value in pixels.
font-size-004 (ahem)
Font-size using pixels with a negative zero value, -0px
The 'font-size' property sets a negative zero length value in pixels.
font-size-005 (ahem)
Font-size using pixels with a positive zero value, +0px
The 'font-size' property sets a positive zero length value in pixels.
font-size-006 (ahem)
Font-size using pixels with a nominal value, 96px
The 'font-size' property sets a nominal length value in pixels.
font-size-007 (ahem)
Font-size using pixels with a positive nominal value, +96px
The 'font-size' property sets a positive nominal length value in pixels.
font-size-012 (ahem, invalid)
Font-size using points with a minimum minus one value, -1pt
The 'font-size' property sets a minimum minus one length value in points is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
font-size-013 (ahem)
Font-size using points with a minimum value, 0pt
The 'font-size' property sets a minimum length value in points.
font-size-014 (ahem)
Font-size using points with a minimum plus one value, 1pt
The 'font-size' property sets a minimum plus one length value in points.
font-size-015 (ahem)
Font-size using points with a negative zero value, -0pt
The 'font-size' property sets a negative zero length value in points.
font-size-016 (ahem)
Font-size using points with a positive zero value, +0pt
The 'font-size' property sets a positive zero length value in points.
font-size-017 (ahem)
Font-size using points with a nominal value, 72pt
The 'font-size' property sets a nominal length value in points.
font-size-018 (ahem)
Font-size using points with a positive nominal value, +72pt
The 'font-size' property sets a positive nominal length value in points.
font-size-023 (ahem, invalid)
Font-size using picas with a minimum minus one value, -1pc
The 'font-size' property sets a minimum minus one length value in picas is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
font-size-024 (ahem)
Font-size using picas with a minimum value, 0pc
The 'font-size' property sets a minimum length value in picas.
font-size-025 (ahem)
Font-size using picas with a minimum plus one value, 1pc
The 'font-size' property sets a minimum plus one length value in picas.
font-size-026 (ahem)
Font-size using picas with a negative zero value, -0pc
The 'font-size' property sets a negative zero length value in picas.
font-size-027 (ahem)
Font-size using picas with a positive zero value, +0pc
The 'font-size' property sets a positive zero length value in picas.
font-size-028 (ahem)
Font-size using picas with a nominal value, 6pc
The 'font-size' property sets a nominal length value in picas.
font-size-029 (ahem)
Font-size using picas with a positive nominal value, +6pc
The 'font-size' property sets a positive nominal length value in picas.
font-size-034 (ahem, invalid)
Font-size using centimeters with a minimum minus one value, -1cm
The 'font-size' property sets a minimum minus one length value in centimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
font-size-035 (ahem)
Font-size using centimeters with a minimum value, 0cm
The 'font-size' property sets a minimum length value in centimeters.
font-size-036 (ahem)
Font-size using centimeters with a minimum plus one value, 1cm
The 'font-size' property sets a minimum plus one length value in centimeters.
font-size-037 (ahem)
Font-size using centimeters with a negative zero value, -0cm
The 'font-size' property sets a negative zero length value in centimeters.
font-size-038 (ahem)
Font-size using centimeters with a positive zero value, +0cm
The 'font-size' property sets a positive zero length value in centimeters.
font-size-039 (ahem)
Font-size using centimeters with a nominal value, 2.54cm
The 'font-size' property sets a nominal length value in centimeters.
font-size-040 (ahem)
Font-size using centimeters with a positive nominal value, +2.54cm
The 'font-size' property sets a positive nominal length value in centimeters.
font-size-045 (ahem, invalid)
Font-size using millimeters with a minimum minus one value, -1mm
The 'font-size' property sets a minimum minus one length value in millimeters is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
font-size-046 (ahem)
Font-size using millimeters with a minimum value, 0mm
The 'font-size' property sets a minimum length value in millimeters.
font-size-047 (ahem)
Font-size using millimeters with a minimum plus one value, 1mm
The 'font-size' property sets a minimum plus one length value in millimeters.
font-size-048 (ahem)
Font-size using millimeters with a negative zero value, -0mm
The 'font-size' property sets a negative zero length value in millimeters.
font-size-049 (ahem)
Font-size using millimeters with a positive zero value, +0mm
The 'font-size' property sets a positive zero length value in millimeters.
font-size-050 (ahem)
Font-size using millimeters with a nominal value, 25.4mm
The 'font-size' property sets a nominal length value in millimeters.
font-size-051 (ahem)
Font-size using millimeters with a positive nominal value, +25.4mm
The 'font-size' property sets a positive nominal length value in millimeters.
font-size-056 (ahem, invalid)
Font-size using inches with a minimum minus one value, -1in
The 'font-size' property sets a minimum minus one length value in inches is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
font-size-057 (ahem)
Font-size using inches with a minimum value, 0in
The 'font-size' property sets a minimum length value in inches.
font-size-058 (ahem)
Font-size using inches with a minimum plus one value, 1in
The 'font-size' property sets a minimum plus one length value in inches.
font-size-059 (ahem)
Font-size using inches with a negative zero value, -0in
The 'font-size' property sets a negative zero length value in inches.
font-size-060 (ahem)
Font-size using inches with a positive zero value, +0in
The 'font-size' property sets a positive zero length value in inches.
font-size-061 (ahem)
Font-size using inches with a nominal value, 2in
The 'font-size' property sets a nominal length value in inches.
font-size-062 (ahem)
Font-size using inches with a positive nominal value, +2in
The 'font-size' property sets a positive nominal length value in inches.
font-size-067 (ahem, invalid)
Font-size using 'em' units with a minimum minus one value, -1em
The 'font-size' property sets a minimum minus one length value in 'em' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
font-size-068 (ahem)
Font-size using 'em' units with a minimum value, 0em
The 'font-size' property sets a minimum length value in 'em' units.
font-size-069 (ahem)
Font-size using 'em' units with a minimum plus one value, 1em
The 'font-size' property sets a minimum plus one length value in 'em' units.
font-size-070 (ahem)
Font-size using 'em' units with a negative zero value, -0em
The 'font-size' property sets a negative zero length value in 'em' units.
font-size-071 (ahem)
Font-size using 'em' units with a positive zero value, +0em
The 'font-size' property sets a positive zero length value in 'em' units.
font-size-072 (ahem)
Font-size using 'em' units with a nominal value, 6em
The 'font-size' property sets a nominal length value in 'em' units.
font-size-073 (ahem)
Font-size using 'em' units with a positive nominal value, +6em
The 'font-size' property sets a positive nominal length value in 'em' units.
font-size-078 (ahem, invalid)
Font-size using 'ex' units with a minimum minus one value, -1ex
The 'font-size' property sets a minimum minus one length value in 'ex' units is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
font-size-079 (ahem)
Font-size using 'ex' units with a minimum value, 0ex
The 'font-size' property sets a minimum length value in 'ex' units.
font-size-080 (ahem)
Font-size using 'ex' units with a minimum plus one value, 1ex
The 'font-size' property sets a minimum plus one length value in 'ex' units.
font-size-081 (ahem)
Font-size using 'ex' units with a negative zero value, -0ex
The 'font-size' property sets a negative zero length value in 'ex' units.
font-size-082 (ahem)
Font-size using 'ex' units with a positive zero value, +0ex
The 'font-size' property sets a positive zero length value in 'ex' units.
font-size-083 (ahem)
Font-size using 'ex' units with a nominal value, 6ex
The 'font-size' property sets a nominal length value in 'ex' units.
font-size-084 (ahem)
Font-size using 'ex' units with a positive nominal value, +6ex
The 'font-size' property sets a positive nominal length value in 'ex' units.
font-size-089 (ahem, invalid)
Font-size using percentages with a minimum minus one value, -1%
The 'font-size' property sets a minimum minus one length value in percentages is invalid; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
font-size-090 (ahem)
Font-size using percentages with a minimum value, 0%
The 'font-size' property sets a minimum length value in percentages.
font-size-091 (ahem)
Font-size using percentages with a minimum plus one value, 1%
The 'font-size' property sets a minimum plus one length value in percentages.
font-size-092 (ahem)
Font-size using percentages with a negative zero value, -0%
The 'font-size' property sets a negative zero length value in percentages.
font-size-093 (ahem)
Font-size using percentages with a positive zero value, +0%
The 'font-size' property sets a positive zero length value in percentages.
font-size-094 (ahem)
Font-size using percentages with a nominal value, 100%
The 'font-size' property sets a nominal length value in percentages.
font-size-095 (ahem)
Font-size using percentages with a positive nominal value, +100%
The 'font-size' property sets a positive nominal length value in percentages.
font-size-100 (ahem)
Font-size with a negative zero value and no units, -0
The 'font-size' property sets a negative zero length value with no units.
font-size-101 (ahem)
Font-size with a zero value and no units, 0
The 'font-size' property sets a zero length value with no units.
font-size-102 (ahem)
Font-size with a positive zero value and no units, +0
The 'font-size' property sets a positive zero length value with no units.
font-size-103 (ahem)
Font-size set to the keyword 'xx-small'
The 'font-size' property set to the keyword 'xx-small' makes the font size smaller.
font-size-104 (ahem)
Font-size set to the keyword 'x-small'
The 'font-size' property set to the keyword 'x-small' makes the font size smaller.
font-size-105 (ahem)
Font-size set to the keyword 'small'
The 'font-size' property set to the keyword 'small' makes the font size smaller.
font-size-106 (ahem)
Font-size set to the keyword 'medium'
The 'font-size' property set to the keyword 'medium' is the default font size.
font-size-107 (ahem)
Font-size set to the keyword 'large'
The 'font-size' property set to the keyword 'large' makes the font size larger.
font-size-108 (ahem)
Font-size set to the keyword 'x-large'
The 'font-size' property set to the keyword 'x-large' makes the font size larger.
font-size-109 (ahem)
Font-size set to the keyword 'xx-large'
The 'font-size' property set to the keyword 'xx-large' makes the font size larger.
font-size-110 (ahem)
Font-size set to the keyword 'larger'
The 'font-size' property set to the keyword 'larger' makes the font size larger.
font-size-111 (ahem)
Font-size set to the keyword 'smaller'
The 'font-size' property set to the keyword 'smaller' makes the font size smaller.
font-size-112 (ahem)
Font-size set to 'inherit'
The 'font-size' property sets a value of 'inherit' and inherits its value from its parent.
font-size-113 (ahem)
font-size - ex unit
'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.
font-size-applies-to-001 (ahem)
Font-size and 'display: inline' elements
The 'font-size' property applies to 'display: inline' elements.
font-size-applies-to-002 (ahem)
Font-size and 'display: block' elements
The 'font-size' property applies to 'display: block' elements.
font-size-applies-to-003 (ahem)
Font-size and 'display: list-item' elements
The 'font-size' property applies to 'display: list-item' elements.
font-size-applies-to-005 (ahem)
Font-size and 'display: inline-block' elements
The 'font-size' property applies to 'display: inline-block' elements.
font-size-applies-to-006 (ahem)
Font-size and 'display: table' elements
The 'font-size' property applies to 'display: table' elements.
font-size-applies-to-007 (ahem)
Font-size and 'display: inline-table' elements
The 'font-size' property applies to 'display: inline-table' elements.
font-size-applies-to-008 (ahem)
Font-size and 'display: table-row-group' elements
The 'font-size' property applies to 'display: table-row-group' elements.
font-size-applies-to-009 (ahem)
Font-size and 'display: table-header-group' elements
The 'font-size' property applies to 'display: table-header-group' elements.
font-size-applies-to-010 (ahem)
Font-size and 'display: table-footer-group' elements
The 'font-size' property applies to 'display: table-footer-group' elements.
font-size-applies-to-011 (ahem)
Font-size and 'display: table-row' elements
The 'font-size' property applies to 'display: table-row' elements.
font-size-applies-to-014 (ahem)
Font-size and 'display: table-cell' elements
The 'font-size' property applies to 'display: table-cell' elements.
font-size-applies-to-015 (ahem)
Font-size and 'display: table-caption' elements
The 'font-size' property applies to 'display: table-caption' elements.
font-size-applies-to-016 (ahem)
Font-size and 'display: none' elements
The 'font-size' property applies to 'display: none' elements.
font-size-applies-to-017 (ahem)
Font-size and 'display: inherit' elements
The 'font-size' property applies to 'display: inherit' elements.
font-size-rule-001 (ahem)
Font-size, negative values
The 'font-size' does not allow for a negative value; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
font-size-rule-002 (ahem)
Font-size, relative-size 'larger'
When font size is medium, the value 'larger' will make the font size equivalent to the 'large' font-size.
font-size-rule-003 (ahem)
Font-size and font sizes available
The user agent is free to choose a font-size from the font size table entries or round off to the closest font size.
font-size-rule-004 (ahem)
Font-size 'em' unit value referring to parent
The 'em' unit refers to the computed font size of the parent element instead of the current element.