CSS2.1 Conformance Test Suite

Chapter 15 - Fonts (283 tests)

Test Flags
15 Fonts
15.1 Introduction
15.2 Font matching algorithm
Font Matching Algorithm, Match Font-Family
  • If font property match then use the font specified by font-family, if font property doesn't match, don't even try to match font-family.
A
Font Matching Algorithm, match font-style
  • If the font contains definition of 'italic' or 'oblique' and italic or oblique is set by the style, then use that font.
A
Font Matching Algorithm, small-caps synthesized
  • The small-caps font is rendered similar to uppercase letters except with a smaller size.
A
Font Matching Algorithm, font-weight out of range
  • Invalid font weight values are set to the default weight of 400.
invalid
Font Matching Algorithm, font-variant never fails if property does not match
  • If a font property value is not defined, user agent still can use normal value of that property.
font
Font Matching Algorithm, font-size and rounding
  • The font-size for scalable fonts are rounded to the nearest whole pixel.
A
Font Matching Algorithm, font-variant font missing small-caps property
  • A font that is only available as small-caps can be assigned either a normal or a small-caps to its font-variant property. Both values have the same effect.
font
Font Matching Algorithm, same fonts
  • If all available fonts are exactly same in all properties, the user agent selects one of them.
font
Font Matching Algorithm, font-size and rounding for scalable fonts
  • Font sizes for scalable fonts are rounded to the nearest whole pixel.
A
Font-style with font properties missing
  • When font-style italic is not available, find value oblique, if it's still not available, either use the alternate font-family that has italic or oblique value or use 'font-style: normal'.
font
15.3 Font family: the 'font-family' property
Font-family set to an installed font
  • The 'font-family' property set to and installed font renders the appropriate font.
A
Font-family set to the keyword 'serif'
  • The 'font-family' property set to 'serif' correctly renders the user agent's serif font.
A
Font-family set to the keyword 'sans-serif'
  • The 'font-family' property set to 'sans-serif' correctly renders the user agent's sans-serif font.
A
Font-family set to the keyword 'cursive'
  • The 'font-family' property set to 'cursive' correctly renders the user agent's cursive font.
A
Font-family set to the keyword 'fantasy'
  • The 'font-family' property set to 'fantasy' correctly renders the user agent's fantasy font.
A
Font-family set to the keyword 'monospace'
  • The 'font-family' property set to 'monospace' correctly renders the user agent's monospace font.
A
Font-family set to 'inherit'
  • The 'font-family' property set to 'inherit' inherits its value from the parent element's value.
A
Font-family and 'display: inline' elements
  • The 'font-family' property applies to 'display: inline' elements.
A
Font-family and 'display: block' elements
  • The 'font-family' property applies to 'display: block' elements.
A
Font-family and 'display: list-item' elements
  • The 'font-family' property applies to 'display: list-item' elements.
A
Font-family and 'display: run-in' elements
  • The 'font-family' property applies to 'display: run-in' elements.
A
Font-family and 'display: inline-block' elements
  • The 'font-family' property applies to 'display: inline-block' elements.
A
Font-family and 'display: table' elements
  • The 'font-family' property applies to 'display: table' elements.
A
Font-family and 'display: inline-table' elements
  • The 'font-family' property applies to 'display: inline-table' elements.
A
Font-family and 'display: table-row-group' elements
  • The 'font-family' property applies to 'display: table-row-group' elements.
A
Font-family and 'display: table-header-group' elements
  • The 'font-family' property applies to 'display: table-header-group' elements.
A
Font-family and 'display: table-footer-group' elements
  • The 'font-family' property applies to 'display: table-footer-group' elements.
A
Font-family and 'display: table-row' elements
  • The 'font-family' property applies to 'display: table-row' elements.
A
Font-family and 'display: table-cell' elements
  • The 'font-family' property applies to 'display: table-cell' elements.
A
Font-family and 'display: table-caption' elements
  • The 'font-family' property applies to 'display: table-caption' elements.
A
Font-family and 'display: none' elements
  • The 'font-family' property applies to 'display: none' elements.
A
Font-family and 'display: inherit' elements
  • The 'font-family' property applies to 'display: inherit' elements.
A
Font-family, fallback mechanism
  • Unknown or unavailable fonts fallback to the default font family. The default font family varies and depends on user agent.
Font-family with white space
  • Font names containing any white space need to be quoted. It is also recognized if it is not quoted.
font
Font family name with special character, quoted
  • Font names containing any special characters can be quoted. Otherwise the special character need to be escaped.
font
Font family name same as keyword 'inherit'
  • Font family named 'inherit' needs to be quoted to avoid conflict with keyword 'inherit'.
font
Font family unknown character glyph matching
  • Glyphs that are missing render as the missing glyph character and still report their initial character location, not the missing glyph location.
O
Font family generic name cannot be quoted
  • Generic font family name is not recognized if quoted.
A
Font family name with special characters, escaped
  • Font family name having special characters needs to escape special character. Otherwise the font family name need to be quoted.
font
Font name with multiple white space characters
  • Multiple white spaces inside quoted font-family name cannot be collapsed to single white space.
font
Font name same as reserved keyword 'initial'
  • Font named 'initial' needs to be quoted to avoid conflict with reserved keyword 'initial'.
font
Font name same as reserved keyword 'default'
  • Font named 'default' needs to be quoted to avoid conflict with reserved keyword 'default'.
font
Font name same as keyword 'serif'
  • Font named 'serif' needs to be quoted to avoid conflict with generic 'font-family' 'serif'.
font
Font name same as keyword 'sans-serif'
  • Font named 'sans-serif' needs to be quoted to avoid conflict with generic 'font-family' 'sans-serif'.
font
Font name same as keyword 'cursive'
  • Font named 'cursive' needs to be quoted to avoid conflict with generic 'font-family' 'cursive'.
font
Font name same as keyword 'fantasy'
  • Font named 'fantasy' needs to be quoted to avoid conflict with generic 'font-family' 'fantasy'.
font
Font name same as keyword 'monospace'
  • Font named 'monospace' need to be quoted to avoid conflict with generic 'font-family' 'monospace'.
font
Font-family multiple white space characters in font name
  • Multiple white spaces not inside quoted font-family name can be collapsed to single white space OR not collapsed.
font
font-family
  • Unquoted font-family names must not contain unescaped parentheses or unescaped curly braces
Ainvalid
15.3.1 Generic font families
15.3.1.1 serif
15.3.1.2 sans-serif
15.3.1.3 cursive
15.3.1.4 fantasy
15.3.1.5 monospace
15.4 Font styling: the 'font-style' property
Font-style set to 'normal'
  • The 'font-style' property set to 'normal' correctly renders the characters as normal text.
A
Font-style set to 'italic'
  • The 'font-style' property set to 'italic' correctly renders the characters as italic text.
A
Font-style set to 'oblique'
  • The 'font-style' property set to 'normal' correctly renders the characters as oblique text.
A
Font-style set to 'inherit'
  • The 'font-style' property set to 'inherit', inherits is value from the parent element's value.
A
Font-style and 'display: inline' elements
  • The 'font-style' property applies to 'display: inline' elements.
Font-style and 'display: block' elements
  • The 'font-style' property applies to 'display: block' elements.
Font-style and 'display: list-item' elements
  • The 'font-style' property applies to 'display: list-item' elements.
Font-style and 'display: run-in' elements
  • The 'font-style' property applies to 'display: run-in' elements.
Font-style and 'display: inline-block' elements
  • The 'font-style' property applies to 'display: inline-block' elements.
Font-style and 'display: table' elements
  • The 'font-style' property applies to 'display: table' elements.
Font-style and 'display: inline-table' elements
  • The 'font-style' property applies to 'display: inline-table' elements.
Font-style and 'display: table-row-group' elements
  • The 'font-style' property applies to 'display: table-row-group' elements.
Font-style and 'display: table-header-group' elements
  • The 'font-style' property does not applies to 'display: table-header-group' elements.
Font-style and 'display: table-footer-group' elements
  • The 'font-style' property applies to 'display: table-footer-group' elements.
Font-style and 'display: table-row' elements
  • The 'font-style' property apples to 'display: table-row' elements.
Font-style and 'display: table-cell' elements
  • The 'font-style' property applies to 'display: table-cell' elements.
Font-style and 'display: table-caption' elements
  • The 'font-style' property applies to 'display: table-caption' elements.
Font-style and 'display: none' elements
  • The font-style' property applies to 'display: none' elements.
Font-style and 'display: inherit' elements
  • The 'font-style' property applies to 'display: inherit' elements.
15.5 Small-caps: the 'font-variant' property
Font-variant set to 'normal'
  • The 'font-variant' property set to 'normal' renders the typical characters for text for the font.
Font-variant set to 'small-caps'
  • The 'font-variant' property set to 'normal' renders the small-caps version of characters for text for the font.
Font-variant set to 'inherit'
  • The 'font-variant' property set to 'inherit' inherits is value from the patent element's value.
Font-variant and 'display: inline' elements
  • The 'font-variant' property applies to 'display: inline' elements.
Font-variant and 'display: block' elements
  • The 'font-variant' property applies to 'display: block' elements.
Font-variant and 'display: list-item' elements
  • The 'font-variant' property applies to 'display: list-item' elements.
Font-variant and 'display: run-in' elements
  • The 'font-variant' property applies to 'display: run-in' elements.
Font-variant and 'display: inline-block' elements
  • The 'font-variant' property applies to 'display: inline-block' elements.
Font-variant and 'display: table' elements
  • The 'font-variant' property applies to 'display: table' elements.
Font-variant and 'display: inline-table' elements
  • The 'font-variant' property applies to 'display: inline-table' elements.
Font-variant and 'display: table-row-group' elements
  • The 'font-variant' property applies to 'display: table-row-group' elements.
Font-variant and 'display: table-header-group' elements
  • The 'font-variant' property does not applies to 'display: table-header-group' elements.
Font-variant and 'display: table-footer-group' elements
  • The 'font-variant' property applies to 'display: table-footer-group' elements.
Font-variant and 'display: table-row' elements
  • The 'font-variant' property applies to 'display: table-row' elements.
Font-variant and 'display: table-cell' elements
  • The 'font-variant' property applies to 'display: table-cell' elements.
Font-variant and 'display: table-caption' elements
  • The 'font-variant' property applies to 'display: table-caption' elements.
'font-variant' and 'display: none' elements
  • The 'font-variant' property applies to 'display: none' elements.
Font-variant and 'display: inherit' elements
  • The 'font-variant' property applies to 'display: inherit' elements.
15.6 Font boldness: the 'font-weight' property
Font-weight set to the keyword 'normal'
  • The 'font-weight' property set to 'normal' properly sets the font to the normal weight rendering of the font.
A
Font-weight set to the keyword 'bold'
  • The 'font-weight' property set to 'bold' properly sets the font to the bold rendering of the font.
A
Font-weight set to the keyword 'bolder'
  • The 'font-weight' property set to 'bolder' properly sets the font to the next higher bold rendering of the font.
A
Font-weight set to the numerical value, 400
  • The 'font-weight' property set to '400' properly sets the font to the correct bold rendering.
Font-weight set to the numerical value, 600
  • The 'font-weight' property set to '600' properly sets the font to the correct bold rendering.
Font-weight set to the numerical value, 700
  • The 'font-weight' property set to '700' properly sets the font to the correct bold rendering.
Font-weight set to the numerical value, 800
  • The 'font-weight' property set to '800' properly sets the font to the correct bold rendering.
Font-weight set to the numerical value, 900
  • The 'font-weight' property set to '900' properly sets the font to the correct bold rendering.
Font-weight set to the keyword 'inherit'
  • The 'font-weight' property set to 'inherit' properly sets the font to the bold rendering of the font.
Font-weight and 'display: inline' elements
  • Font weights apply to 'display: inline' elements.
Font-weight and 'display: block' elements
  • Font weights apply to 'display: block' elements.
Font-weight and 'display: list-item' elements
  • Font weights apply to 'display: list-item' elements.
Font-weight and 'display: run-in' elements
  • Font weights apply to 'display: run-in' elements.
Font-weight and 'display: inline-block' elements
  • Font weights apply to 'display: inline-block' elements.
Font-weight and 'display: table' elements
  • Font weights apply to 'display: table' elements.
Font-weight and 'display: inline-table' elements
  • Font weights apply to 'display: inline-table' elements.
Font-weight and 'display: table-row-group' elements
  • Font weights apply to 'display: table-row-group' elements.
Font-weight and 'display: table-header-group' elements
  • Verifies that font-weight does not applies to 'display: table-header-group' elements.
Font-weight and 'display: table-footer-group' elements
  • Font weights apply to 'display: table-footer-group' elements.
Font-weight and 'display: table-row' elements
  • Font weights apply to 'display: table-row' elements.
Font-weight and 'display: table-cell' elements
  • Font weights apply to 'display: table-cell' elements.
Font-weight and 'display: table-caption' elements
  • Font weights apply to 'display: table-caption' elements.
Font-weight and 'display: none' elements
  • Font weights apply to 'display: none' elements.
Font-weight and 'display: inherit' elements
  • Font weights apply to 'display: inherit' elements.
Font-weight set to 'normal' corresponds to '400'
  • A font weight of 'normal' corresponds to the weight value '400'.
Font-weight comparison of 100 to 900
  • Font weight value 100 to 900 indicate a weight that is either darker than OR as dark as its predecessor.
Font-weight inherits the computed weight
  • Child elements inherit their parent's actual font weight.
Font-weight set to 'bolder'
  • The value 'bolder' selects the next darker weight compared to its parent's weight.
Font-weight set to 'bolder' increasing the value above '900'
  • The 'font-weight' property set to 'bolder' does not increase the value of font weight when the parent values is already set at 900.
Font-weight set to 'lighter'
  • A font weight of 'lighter' selects the next lighter weight.
Font-weight set to 'lighter' decreasing value below '100'
  • A font weight of 'lighter' selects the next lighter weight compared to its parent's weight.
Font-weight compare 'bold' to '700'
  • A font weight set to 'bold' corresponds to the weight value '700'.
15.7 Font size: the 'font-size' property
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 and resets its value to 'auto'.
Ainvalid
Font-size using pixels with a minimum value, 0px
  • The 'font-size' property sets a minimum length value in pixels.
A
Font-size using pixels with a minimum plus one value, 1px
  • The 'font-size' property sets a minimum plus one length value in pixels.
A
Font-size using pixels with a negative zero value, -0px
  • The 'font-size' property sets a negative zero length value in pixels.
A
Font-size using pixels with a positive zero value, +0px
  • The 'font-size' property sets a positive zero length value in pixels.
A
Font-size using pixels with a nominal value, 96px
  • The 'font-size' property sets a nominal length value in pixels.
A
Font-size using pixels with a positive nominal value, +96px
  • The 'font-size' property sets a positive nominal length value in pixels.
A
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 and resets its value to 'auto'.
Ainvalid
Font-size using points with a minimum value, 0pt
  • The 'font-size' property sets a minimum length value in points.
A
Font-size using points with a minimum plus one value, 1pt
  • The 'font-size' property sets a minimum plus one length value in points.
A
Font-size using points with a negative zero value, -0pt
  • The 'font-size' property sets a negative zero length value in points.
A
Font-size using points with a positive zero value, +0pt
  • The 'font-size' property sets a positive zero length value in points.
A
Font-size using points with a nominal value, 72pt
  • The 'font-size' property sets a nominal length value in points.
A
Font-size using points with a positive nominal value, +72pt
  • The 'font-size' property sets a positive nominal length value in points.
A
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 and resets its value to 'auto'.
Ainvalid
Font-size using picas with a minimum value, 0pc
  • The 'font-size' property sets a minimum length value in picas.
A
Font-size using picas with a minimum plus one value, 1pc
  • The 'font-size' property sets a minimum plus one length value in picas.
A
Font-size using picas with a negative zero value, -0pc
  • The 'font-size' property sets a negative zero length value in picas.
A
Font-size using picas with a positive zero value, +0pc
  • The 'font-size' property sets a positive zero length value in picas.
A
Font-size using picas with a nominal value, 6pc
  • The 'font-size' property sets a nominal length value in picas.
A
Font-size using picas with a positive nominal value, +6pc
  • The 'font-size' property sets a positive nominal length value in picas.
A
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 and resets its value to 'auto'.
Ainvalid
Font-size using centimeters with a minimum value, 0cm
  • The 'font-size' property sets a minimum length value in centimeters.
A
Font-size using centimeters with a minimum plus one value, 1cm
  • The 'font-size' property sets a minimum plus one length value in centimeters.
A
Font-size using centimeters with a negative zero value, -0cm
  • The 'font-size' property sets a negative zero length value in centimeters.
A
Font-size using centimeters with a positive zero value, +0cm
  • The 'font-size' property sets a positive zero length value in centimeters.
A
Font-size using centimeters with a nominal value, 2.54cm
  • The 'font-size' property sets a nominal length value in centimeters.
A
Font-size using centimeters with a positive nominal value, +2.54cm
  • The 'font-size' property sets a positive nominal length value in centimeters.
A
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 and resets its value to 'auto'.
Ainvalid
Font-size using millimeters with a minimum value, 0mm
  • The 'font-size' property sets a minimum length value in millimeters.
A
Font-size using millimeters with a minimum plus one value, 1mm
  • The 'font-size' property sets a minimum plus one length value in millimeters.
A
Font-size using millimeters with a negative zero value, -0mm
  • The 'font-size' property sets a negative zero length value in millimeters.
A
Font-size using millimeters with a positive zero value, +0mm
  • The 'font-size' property sets a positive zero length value in millimeters.
A
Font-size using millimeters with a nominal value, 25.4mm
  • The 'font-size' property sets a nominal length value in millimeters.
A
Font-size using millimeters with a positive nominal value, +25.4mm
  • The 'font-size' property sets a positive nominal length value in millimeters.
A
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 and resets its value to 'auto'.
Ainvalid
Font-size using inches with a minimum value, 0in
  • The 'font-size' property sets a minimum length value in inches.
A
Font-size using inches with a minimum plus one value, 1in
  • The 'font-size' property sets a minimum plus one length value in inches.
A
Font-size using inches with a negative zero value, -0in
  • The 'font-size' property sets a negative zero length value in inches.
A
Font-size using inches with a positive zero value, +0in
  • The 'font-size' property sets a positive zero length value in inches.
A
Font-size using inches with a nominal value, 3in
  • The 'font-size' property sets a nominal length value in inches.
A
Font-size using inches with a positive nominal value, +3in
  • The 'font-size' property sets a positive nominal length value in inches.
A
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 and resets its value to 'auto'.
Ainvalid
Font-size using 'em' units with a minimum value, 0em
  • The 'font-size' property sets a minimum length value in 'em' units.
A
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.
A
Font-size using 'em' units with a negative zero value, -0em
  • The 'font-size' property sets a negative zero length value in 'em' units.
A
Font-size using 'em' units with a positive zero value, +0em
  • The 'font-size' property sets a positive zero length value in 'em' units.
A
Font-size using 'em' units with a nominal value, 6em
  • The 'font-size' property sets a nominal length value in 'em' units.
A
Font-size using 'em' units with a positive nominal value, +6em
  • The 'font-size' property sets a positive nominal length value in 'em' units.
A
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 and resets its value to 'auto'.
Ainvalid
Font-size using 'ex' units with a minimum value, 0ex
  • The 'font-size' property sets a minimum length value in 'ex' units.
A
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.
A
Font-size using 'ex' units with a negative zero value, -0ex
  • The 'font-size' property sets a negative zero length value in 'ex' units.
A
Font-size using 'ex' units with a positive zero value, +0ex
  • The 'font-size' property sets a positive zero length value in 'ex' units.
A
Font-size using 'ex' units with a nominal value, 7.5ex
  • The 'font-size' property sets a nominal length value in 'ex' units.
A
Font-size using 'ex' units with a positive nominal value, +7.5ex
  • The 'font-size' property sets a positive nominal length value in 'ex' units.
A
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 and resets its value to 'auto'.
Ainvalid
Font-size using percentages with a minimum value, 0%
  • The 'font-size' property sets a minimum length value in percentages.
A
Font-size using percentages with a minimum plus one value, 1%
  • The 'font-size' property sets a minimum plus one length value in percentages.
A
Font-size using percentages with a negative zero value, -0%
  • The 'font-size' property sets a negative zero length value in percentages.
A
Font-size using percentages with a positive zero value, +0%
  • The 'font-size' property sets a positive zero length value in percentages.
A
Font-size using percentages with a nominal value, 100%
  • The 'font-size' property sets a nominal length value in percentages.
A
Font-size using percentages with a positive nominal value, +100%
  • The 'font-size' property sets a positive nominal length value in percentages.
A
Font-size with a negative zero value and no units, -0
  • The 'font-size' property sets a negative zero length value with no units.
A
Font-size with a zero value and no units, 0
  • The 'font-size' property sets a zero length value with no units.
A
Font-size with a positive zero value and no units, +0
  • The 'font-size' property sets a positive zero length value with no units.
A
Font-size set to the keyword 'xx-small'
  • The 'font-size' property set to the keyword 'xx-small' makes the font size smaller.
A
Font-size set to the keyword 'x-small'
  • The 'font-size' property set to the keyword 'x-small' makes the font size smaller.
A
Font-size set to the keyword 'small'
  • The 'font-size' property set to the keyword 'small' makes the font size smaller.
A
Font-size set to the keyword 'medium'
  • The 'font-size' property set to the keyword 'medium' is the default font size.
A
Font-size set to the keyword 'large'
  • The 'font-size' property set to the keyword 'large' makes the font size larger.
A
Font-size set to the keyword 'x-large'
  • The 'font-size' property set to the keyword 'x-large' makes the font size larger.
A
Font-size set to the keyword 'xx-large'
  • The 'font-size' property set to the keyword 'xx-large' makes the font size larger.
A
Font-size set to the keyword 'larger'
  • The 'font-size' property set to the keyword 'larger' makes the font size larger.
A
Font-size set to the keyword 'smaller'
  • The 'font-size' property set to the keyword 'smaller' makes the font size smaller.
A
Font-size set to 'inherit'
  • The 'font-size' property sets a value of 'inherit' and inherits its value from its parent.
A
Font-size and 'display: inline' elements
  • The 'font-size' property applies to 'display: inline' elements.
A
Font-size and 'display: block' elements
  • The 'font-size' property applies to 'display: block' elements.
A
Font-size and 'display: list-item' elements
  • The 'font-size' property applies to 'display: list-item' elements.
A
Font-size and 'display: run-in' elements
  • The 'font-size' property applies to 'display: run-in' elements.
A
Font-size and 'display: inline-block' elements
  • The 'font-size' property applies to 'display: inline-block' elements.
A
Font-size and 'display: table' elements
  • The 'font-size' property applies to 'display: table' elements.
A
Font-size and 'display: inline-table' elements
  • The 'font-size' property applies to 'display: inline-table' elements.
A
Font-size and 'display: table-row-group' elements
  • The 'font-size' property applies to 'display: table-row-group' elements.
A
Font-size and 'display: table-header-group' elements
  • The 'font-size' property applies to 'display: table-header-group' elements.
A
Font-size and 'display: table-footer-group' elements
  • The 'font-size' property applies to 'display: table-footer-group' elements.
A
Font-size and 'display: table-row' elements
  • The 'font-size' property applies to 'display: table-row' elements.
A
Font-size and 'display: table-cell' elements
  • The 'font-size' property applies to 'display: table-cell' elements.
A
Font-size and 'display: table-caption' elements
  • The 'font-size' property applies to 'display: table-caption' elements.
A
Font-size and 'display: none' elements
  • The 'font-size' property applies to 'display: none' elements.
A
Font-size and 'display: inherit' elements
  • The 'font-size' property applies to 'display: inherit' elements.
A
Font-size, negative values
  • The 'font-size' does not allow for a negative value. It will fall back to the default value 'medium'.
A
Font-size, relative-size 'larger'
  • When font size is medium, the value 'larger' will make the font size equivalent to the 'large' font-size.
A
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.
A
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.
A
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.
AG
font-size - ex unit
  • 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.
A
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.
AG
15.8 Shorthand font property: the 'font' property
Font shorthand set using the values font-size and font-family
  • The 'font' shorthand property accepts and sets font-size and font-family.
A
Font shorthand set using the values font-style, font-size and font-family
  • The 'font' shorthand property accepts and sets font-style, font-size and font-family.
A
Font shorthand set using the values font-variant, font-size and font-family
  • The 'font' shorthand property accepts and sets font-variant, font-size and font-family.
Font shorthand set using the values font-weight, font-size and font-family
  • The 'font' shorthand property accepts and sets font-weight, font-size and font-family.
A
Font shorthand set using the values font-style, font-variant, font-size and font-family
  • The 'font' shorthand property accepts and sets font-style, font-variant, font-size and font-family.
Font shorthand set using the values font-style, font-weight, font-size and font-family
  • The 'font' shorthand property accepts and sets font-style, font-weight, font-size and font-family.
A
Font shorthand set using the values font-variant, font-style, font-size and font-family
  • The 'font' shorthand property accepts and sets font-variant, font-style, font-size and font-family.
A
Font shorthand set using the values font-variant, font-weight, font-size and font-family
  • The 'font' shorthand property accepts and sets font-variant, font-weight, font-size and font-family.
A
Font shorthand set using the values font-weight, font-style, font-size and font-family
  • The 'font' shorthand property accepts and sets font-weight, font-style, font-size and font-family.
A
Font shorthand set using the values font-weight, font-variant, font-size and font-family
  • The 'font' shorthand property accepts and sets font-weight, font-variant, font-size and font-family.
A
Font shorthand set using the values font-style, font-variant, font-weight, font-size and font-family
  • The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size and font-family.
A
Font shorthand set using the values font-style, font-weight, font-variant, font-size and font-family
  • The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size and font-family.
A
Font shorthand set using the values font-variant, font-style, font-weight, font-size and font-family
  • The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size and font-family.
A
Font shorthand set using the values font-variant, font-weight, font-style, font-size and font-family
  • The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size and font-family.
A
Font shorthand set using the values font-weight, font-style, font-variant, font-size and font-family
  • The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size and font-family.
A
Font shorthand set using the values font-weight, font-variant, font-style, font-size and font-family
  • The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size and font-family.
A
Font shorthand set using the values font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-size, line-height and font-family.
A
Font shorthand set using the values font-style, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-style, font-size, line-height and font-family.
A
Font shorthand set using the values font-variant, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-variant, font-size, line-height and font-family.
Font shorthand set using the values font-weight, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-weight, font-size, line-height and font-family.
A
Font shorthand set using the values font-style, font-variant, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-style, font-variant, font-size, line-height and font-family.
Font shorthand set using the values font-style, font-weight, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-style, font-weight, font-size, line-height and font-family.
A
Font shorthand set using the values font-variant, font-style, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-variant, font-style, font-size, line-height and font-family.
A
Font shorthand set using the values font-variant, font-weight, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-variant, font-weight, font-size, line-height and font-family.
A
Font shorthand set using the values font-weight, font-style, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-weight, font-style, font-size, line-height and font-family.
A
Font shorthand set using the values font-weight, font-variant, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-weight, font-variant, font-size, line-height and font-family.
A
Font shorthand set using the values font-style, font-variant, font-weight, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size, line-height and font-family.
A
Font shorthand set using the values font-style, font-weight, font-variant, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size, line-height and font-family.
A
Font shorthand set using the values font-variant, font-style, font-weight, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size, line-height and font-family.
A
Font shorthand set using the values font-variant, font-weight, font-style, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size, line-height and font-family.
A
Font shorthand set using the values font-weight, font-style, font-variant, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size, line-height and font-family.
A
Font shorthand set using the values font-weight, font-variant, font-style, font-size, line-height and font-family
  • The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size, line-height and font-family.
A
Font set to the keyword 'caption'
  • The 'font' property set to 'caption' correctly uses the system setting.
A
Font set to the keyword 'icon'
  • The 'font' property set to 'icon' correctly uses the system setting.
A
Font set to the keyword 'menu'
  • The 'font' property set to 'menu' correctly uses the system setting.
A
Font set to the keyword 'message-box'
  • The 'font' property set to 'message-box' correctly uses the system setting.
A
Font set to the keyword 'small-caption'
  • The 'font' property set to 'small-caption' correctly uses the system setting.
A
Font set to the keyword 'status-bar'
  • The 'font' property set to 'status-bar' correctly uses the system setting.
A
Font shorthand set to 'inherit' inheriting two values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
A
Font shorthand set to 'inherit' inheriting three values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
A
Font shorthand set to 'inherit' inheriting four values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
A
Font shorthand set to 'inherit' inheriting five values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
A
Font shorthand set to 'inherit' inheriting six values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
A
Font and 'display: inline' elements
  • The 'font' property applies to 'display: inline' elements.
Font and 'display: block' elements
  • The 'font' property applies to 'display: block' elements.
Font and 'display: list-item' elements
  • The 'font' property applies to 'display: list-item' elements.
Font and 'display: run-in' elements
  • The 'font' property applies to 'display: run-in' elements.
Font and 'display: inline-block' elements
  • The 'font' property applies to 'display: inline-block' elements.
Font and 'display: table' elements
  • The 'font' property applies to 'display: table' elements.
Font and 'display: inline-table' elements
  • The 'font' property applies to 'display: inline-table' elements.
Font and 'display: table-row-group' elements
  • The 'font' property applies to 'display: table-row-group' elements.
Font and 'display: table-header-group' elements
  • The 'font' property applies to 'display: table-header-group' elements.
Font and 'display: table-footer-group' elements
  • The 'font' property applies to 'display: table-footer-group' elements.
Font and 'display: table-row' elements
  • The 'font' property applies to 'display: table-row' elements.
Font and 'display: table-cell' elements
  • The 'font' property applies to 'display: table-cell' elements.
Font and 'display: table-caption' elements
  • The 'font' property applies to 'display: table-caption' elements.
Font and 'display: none' elements
  • The 'font' property applies to 'display: table-row' elements.
Font and 'display: inherit' elements
  • The 'font' property applies to 'display: inherit' elements.
System Font, substitute for similar system font when font unknown
  • It the specified system font is not available, then substitute it for a similar one, if there is no similar one, then substitute with the default one.
Font shorthand property reset to default values if not explicitly set
  • The 'font' shorthand property resets any property not explicitly given a value to its initial value.
font - system fonts
  • A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
A
font - inherit keyword value
  • The inherit keyword value cannot mix with other subproperty values
Ainvalid
font - system fonts
  • A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
A
font - system fonts
  • A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
A
font - system fonts
  • A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
A
font - system fonts
  • A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
A
font - system fonts
  • A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
A