CSS2.1 Test Suite

Fonts (379 tests)

Test Refs Flags Info
+ 15.1 Introduction
+ 15.2 Font matching algorithm
font-matching-rule-001 Ahem 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.
font-matching-rule-006 Ahem 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.
font-matching-rule-008 Ahem Font Matching Algorithm, small-caps synthesized
  • The small-caps font is rendered similar to uppercase letters except with a smaller size.
font-matching-rule-009 Invalid Font Matching Algorithm, font-weight out of range
  • Invalid font weight values are set to the default weight of 400.
font-matching-rule-010 Font 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-matching-rule-012 Ahem Font Matching Algorithm, font-size and rounding
  • The font-size for scalable fonts are rounded to the nearest whole pixel.
font-matching-rule-013 Font 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-matching-rule-014 Font Font Matching Algorithm, same fonts
  • If all available fonts are exactly same in all properties, the user agent selects one of them.
font-matching-rule-015 Ahem Font Matching Algorithm, font-size and rounding for scalable fonts
  • Font sizes for scalable fonts are rounded to the nearest whole pixel.
font-style-rule-001 Font 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'.
+ 15.3 Font family: the 'font-family' property
c522-font-family-000 font-family
c527-font-000 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-family-001 Ahem Font-family set to an installed font
  • The 'font-family' property set to and installed font renders the appropriate font.
font-family-002 Ahem Font-family set to the keyword 'serif'
  • The 'font-family' property set to 'serif' correctly renders the user agent's serif font.
font-family-003 Ahem 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.
font-family-004 Ahem Font-family set to the keyword 'cursive'
  • The 'font-family' property set to 'cursive' correctly renders the user agent's cursive font.
font-family-005 Ahem Font-family set to the keyword 'fantasy'
  • The 'font-family' property set to 'fantasy' correctly renders the user agent's fantasy font.
font-family-006 Ahem Font-family set to the keyword 'monospace'
  • The 'font-family' property set to 'monospace' correctly renders the user agent's monospace font.
font-family-007 Ahem Font-family set to 'inherit'
  • The 'font-family' property set to 'inherit' inherits its value from the parent element's value.
font-family-008 AhemInvalid font-family
  • Unquoted font-family names must not contain unescaped parentheses or unescaped curly braces
font-family-applies-to-001 Ahem Font-family and 'display: inline' elements
  • The 'font-family' property applies to 'display: inline' elements.
font-family-applies-to-002 Ahem Font-family and 'display: block' elements
  • The 'font-family' property applies to 'display: block' elements.
font-family-applies-to-003 Ahem Font-family and 'display: list-item' elements
  • The 'font-family' property applies to 'display: list-item' elements.
font-family-applies-to-004 Ahem Font-family and 'display: run-in' elements
  • The 'font-family' property applies to 'display: run-in' elements.
font-family-applies-to-005 Ahem Font-family and 'display: inline-block' elements
  • The 'font-family' property applies to 'display: inline-block' elements.
font-family-applies-to-006 Ahem Font-family and 'display: table' elements
  • The 'font-family' property applies to 'display: table' elements.
font-family-applies-to-007 Ahem Font-family and 'display: inline-table' elements
  • The 'font-family' property applies to 'display: inline-table' elements.
font-family-applies-to-008 Ahem Font-family and 'display: table-row-group' elements
  • The 'font-family' property applies to 'display: table-row-group' elements.
font-family-applies-to-009 Ahem Font-family and 'display: table-header-group' elements
  • The 'font-family' property applies to 'display: table-header-group' elements.
font-family-applies-to-010 Ahem Font-family and 'display: table-footer-group' elements
  • The 'font-family' property applies to 'display: table-footer-group' elements.
font-family-applies-to-011 Ahem Font-family and 'display: table-row' elements
  • The 'font-family' property applies to 'display: table-row' elements.
font-family-applies-to-014 Ahem Font-family and 'display: table-cell' elements
  • The 'font-family' property applies to 'display: table-cell' elements.
font-family-applies-to-015 Ahem Font-family and 'display: table-caption' elements
  • The 'font-family' property applies to 'display: table-caption' elements.
font-family-applies-to-016 Ahem Font-family and 'display: none' elements
  • The 'font-family' property applies to 'display: none' elements.
font-family-applies-to-017 Ahem Font-family and 'display: inherit' elements
  • The 'font-family' property applies to 'display: inherit' elements.
font-family-invalid-characters-001 AhemInvalid Invalid characters in font-family values
  • Invalid characters in font family names invalidate entire declaration.
font-family-invalid-characters-002 AhemInvalid Invalid parenthesis and pair matching
  • Invalid characters in font family names.
font-family-invalid-characters-003 AhemInvalid Invalid curly brackets and pair matching
  • Invalid characters in font family names.
font-family-invalid-characters-004 AhemInvalid Invalid square brackets and pair matching
  • Invalid characters in font family names.
font-family-invalid-characters-005 AhemInvalid Invalid quotes and pair matching
  • Invalid characters in font family names.
font-family-invalid-characters-006 AhemInvalid Invalid single quotes and pair matching
  • Invalid characters in font family names.
font-family-name-001 = Font font family name with no quotes
  • The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes.
font-family-name-002 = Font font family name with no quotes, lowercase
  • The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes, lowercase.
font-family-name-003 = Font font family name with no quotes, mixed case
  • The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes, mixed case.
font-family-name-004 = Font quoted font family name with double quotes
  • The 'font-family' property set to and installed font renders the appropriate font. Family name with double quotes.
font-family-name-005 = Font quoted font family name with single quotes
  • The 'font-family' property set to and installed font renders the appropriate font. Family name with single quotes.
font-family-name-006 = Font unquoted font family name with extra whitespace
  • The 'font-family' property set to and installed font renders the appropriate font. Family name with extra whitespace should be condensed to a single space.
font-family-name-007 = Font double quoted font family name with extra spaces should not match
  • The 'font-family' property set to and installed font renders the appropriate font. Family name with spaces in double quotes should not match, spaces are not reduced.
font-family-name-008 = Font single quoted font family name with extra spaces should not match
  • The 'font-family' property set to and installed font renders the appropriate font. Family name with spaces in single quotes should not match, spaces are not reduced.
font-family-name-009 = Font font family name with escaped hexcode characters
  • The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped character.
font-family-name-010 = Font localized font family name
  • The 'font-family' property set to and installed font renders the appropriate font. Localized family names should match.
font-family-name-011 = Font quoted localized font family name
  • The 'font-family' property set to and installed font renders the appropriate font. Quoted localized family names should match.
font-family-name-012 = Font font family name with escaped characters
  • The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped characters.
font-family-name-013 = Font font family name should not match font fullnames
  • The 'font-family' property set to and installed font renders the appropriate font. Fullname name should not match, only family names.
font-family-name-014 = Font font family name should not match Postscript name
  • The 'font-family' property set to and installed font renders the appropriate font. Postscript name should not match, only family names.
font-family-name-015 = Font font family name should not match localized font fullnames
  • The 'font-family' property set to and installed font renders the appropriate font. Localized fullname should not match.
font-family-name-016 = Font font family name that includes numbers should match
  • Unquoted font family names with numbers should not be matched
font-family-name-017 = Font when unquoted font family not found, should not use font family list of body element
  • When an unquoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed body should not be used.
font-family-name-018 = Font when quoted font family not found, should not use font family list of body element
  • When a quoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed body should not be used.
font-family-name-019 = Font when unquoted font family not found, should not use font family list of parent element
  • When an unquoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed div should not be used.
font-family-name-020 = Font when quoted font family not found, should not use font family list of parent element
  • When a quoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed div should not be used.
font-family-name-021 = FontInvalid mixed use of quotes in font family names is invalid syntax
  • Mixing quoted name with unquoted portion is invalid syntax, rule is dropped.
font-family-name-022 = Font font shorthand parsing should not cause incorrect matching
  • Font shorthand parsing should not cause incorrect matching of font-family values
font-family-name-023 = Font font family names that look like font shorthand
  • Font family names that appear similar to font shorthand should match to fonts with those names
font-family-name-024 = Font system font names in font-family lists
  • System font names are only allowed with the font shorthand, not in font-family rules
font-family-rule-001 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-rule-002 Font 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-family-rule-003 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-family-rule-004 Font Font family name same as keyword 'inherit'
  • Font family named 'inherit' needs to be quoted to avoid conflict with keyword 'inherit'.
font-family-rule-005 DOM/JS 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.
font-family-rule-006 Ahem Font family generic name cannot be quoted
  • Generic font family name is not recognized if quoted.
font-family-rule-007 Font 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-family-rule-009 Font Font name with multiple white space characters
  • Multiple white spaces inside quoted font-family name cannot be collapsed to single white space.
font-family-rule-010 Font Font name same as reserved keyword 'initial'
  • Font named 'initial' needs to be quoted to avoid conflict with reserved keyword 'initial'.
font-family-rule-011 Font Font name same as reserved keyword 'default'
  • Font named 'default' needs to be quoted to avoid conflict with reserved keyword 'default'.
font-family-rule-012 Font Font name same as keyword 'serif'
  • Font named 'serif' needs to be quoted to avoid conflict with generic 'font-family' 'serif'.
font-family-rule-013 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-family-rule-014 Font Font name same as keyword 'cursive'
  • Font named 'cursive' needs to be quoted to avoid conflict with generic 'font-family' 'cursive'.
font-family-rule-015 Font Font name same as keyword 'fantasy'
  • Font named 'fantasy' needs to be quoted to avoid conflict with generic 'font-family' 'fantasy'.
font-family-rule-016 Font Font name same as keyword 'monospace'
  • Font named 'monospace' need to be quoted to avoid conflict with generic 'font-family' 'monospace'.
font-family-rule-017 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-family-valid-characters-001 Ahem Valid characters in font-family values
  • Valid characters in font family names.
font-family-valid-characters-002 Ahem Valid numbers in font-family values
  • Font family names must be identifiers.
+ 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
c523-font-style-000 font-style
c527-font-000 font
c527-font-004 font
c527-font-005 font
c527-font-006 font
c527-font-007 font
c527-font-008 font
c527-font-10 font
c543-txt-decor-000 Bitmaps text-decoration
font-style-001 Ahem Font-style set to 'normal'
  • The 'font-style' property set to 'normal' correctly renders the characters as normal text.
font-style-002 Ahem Font-style set to 'italic'
  • The 'font-style' property set to 'italic' correctly renders the characters as italic text.
font-style-003 Ahem Font-style set to 'oblique'
  • The 'font-style' property set to 'normal' correctly renders the characters as oblique text.
font-style-004 Ahem Font-style set to 'inherit'
  • The 'font-style' property set to 'inherit', inherits is value from the parent element's value.
font-style-applies-to-001 Font-style and 'display: inline' elements
  • The 'font-style' property applies to 'display: inline' elements.
font-style-applies-to-002 Font-style and 'display: block' elements
  • The 'font-style' property applies to 'display: block' elements.
font-style-applies-to-003 Font-style and 'display: list-item' elements
  • The 'font-style' property applies to 'display: list-item' elements.
font-style-applies-to-004 Font-style and 'display: run-in' elements
  • The 'font-style' property applies to 'display: run-in' elements.
font-style-applies-to-005 Font-style and 'display: inline-block' elements
  • The 'font-style' property applies to 'display: inline-block' elements.
font-style-applies-to-006 Font-style and 'display: table' elements
  • The 'font-style' property applies to 'display: table' elements.
font-style-applies-to-007 Font-style and 'display: inline-table' elements
  • The 'font-style' property applies to 'display: inline-table' elements.
font-style-applies-to-008 Font-style and 'display: table-row-group' elements
  • The 'font-style' property applies to 'display: table-row-group' elements.
font-style-applies-to-009 Font-style and 'display: table-header-group' elements
  • The 'font-style' property does not applies to 'display: table-header-group' elements.
font-style-applies-to-010 Font-style and 'display: table-footer-group' elements
  • The 'font-style' property applies to 'display: table-footer-group' elements.
font-style-applies-to-011 Font-style and 'display: table-row' elements
  • The 'font-style' property apples to 'display: table-row' elements.
font-style-applies-to-014 Font-style and 'display: table-cell' elements
  • The 'font-style' property applies to 'display: table-cell' elements.
font-style-applies-to-015 Font-style and 'display: table-caption' elements
  • The 'font-style' property applies to 'display: table-caption' elements.
font-style-applies-to-016 Font-style and 'display: none' elements
  • The font-style' property applies to 'display: none' elements.
font-style-applies-to-017 Font-style and 'display: inherit' elements
  • The 'font-style' property applies to 'display: inherit' elements.
+ 15.5 Small-caps: the 'font-variant' property
c524-font-var-000 font-variant
c527-font-000 font
c527-font-004 font
c527-font-005 font
c527-font-006 font
c527-font-007 font
c527-font-008 font
c527-font-10 font
font-variant-001 Font-variant set to 'normal'
  • The 'font-variant' property set to 'normal' renders the typical characters for text for the font.
font-variant-002 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-003 Font-variant set to 'inherit'
  • The 'font-variant' property set to 'inherit' inherits is value from the patent element's value.
font-variant-applies-to-001 Font-variant and 'display: inline' elements
  • The 'font-variant' property applies to 'display: inline' elements.
font-variant-applies-to-002 Font-variant and 'display: block' elements
  • The 'font-variant' property applies to 'display: block' elements.
font-variant-applies-to-003 Font-variant and 'display: list-item' elements
  • The 'font-variant' property applies to 'display: list-item' elements.
font-variant-applies-to-004 Font-variant and 'display: run-in' elements
  • The 'font-variant' property applies to 'display: run-in' elements.
font-variant-applies-to-005 Font-variant and 'display: inline-block' elements
  • The 'font-variant' property applies to 'display: inline-block' elements.
font-variant-applies-to-006 Font-variant and 'display: table' elements
  • The 'font-variant' property applies to 'display: table' elements.
font-variant-applies-to-007 Font-variant and 'display: inline-table' elements
  • The 'font-variant' property applies to 'display: inline-table' elements.
font-variant-applies-to-008 Font-variant and 'display: table-row-group' elements
  • The 'font-variant' property applies to 'display: table-row-group' elements.
font-variant-applies-to-009 Font-variant and 'display: table-header-group' elements
  • The 'font-variant' property does not applies to 'display: table-header-group' elements.
font-variant-applies-to-010 Font-variant and 'display: table-footer-group' elements
  • The 'font-variant' property applies to 'display: table-footer-group' elements.
font-variant-applies-to-011 Font-variant and 'display: table-row' elements
  • The 'font-variant' property applies to 'display: table-row' elements.
font-variant-applies-to-014 Font-variant and 'display: table-cell' elements
  • The 'font-variant' property applies to 'display: table-cell' elements.
font-variant-applies-to-015 Font-variant and 'display: table-caption' elements
  • The 'font-variant' property applies to 'display: table-caption' elements.
font-variant-applies-to-016 'font-variant' and 'display: none' elements
  • The 'font-variant' property applies to 'display: none' elements.
font-variant-applies-to-017 Font-variant and 'display: inherit' elements
  • The 'font-variant' property applies to 'display: inherit' elements.
+ 15.6 Font boldness: the 'font-weight' property
c525-font-wt-000 font-weight
c527-font-004 font
c527-font-005 font
c527-font-006 font
c527-font-008 font
c527-font-009 font
c527-font-10 font
font-weight-001 Ahem 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.
font-weight-002 Ahem 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.
font-weight-003 Ahem 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.
font-weight-008 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-010 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-011 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-012 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-013 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-014 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-applies-to-001 Font-weight and 'display: inline' elements
  • Font weights apply to 'display: inline' elements.
font-weight-applies-to-002 Font-weight and 'display: block' elements
  • Font weights apply to 'display: block' elements.
font-weight-applies-to-003 Font-weight and 'display: list-item' elements
  • Font weights apply to 'display: list-item' elements.
font-weight-applies-to-004 Font-weight and 'display: run-in' elements
  • Font weights apply to 'display: run-in' elements.
font-weight-applies-to-005 Font-weight and 'display: inline-block' elements
  • Font weights apply to 'display: inline-block' elements.
font-weight-applies-to-006 Font-weight and 'display: table' elements
  • Font weights apply to 'display: table' elements.
font-weight-applies-to-007 Font-weight and 'display: inline-table' elements
  • Font weights apply to 'display: inline-table' elements.
font-weight-applies-to-008 Font-weight and 'display: table-row-group' elements
  • Font weights apply to 'display: table-row-group' elements.
font-weight-applies-to-009 Font-weight and 'display: table-header-group' elements
  • Verifies that font-weight does not applies to 'display: table-header-group' elements.
font-weight-applies-to-010 Font-weight and 'display: table-footer-group' elements
  • Font weights apply to 'display: table-footer-group' elements.
font-weight-applies-to-011 Font-weight and 'display: table-row' elements
  • Font weights apply to 'display: table-row' elements.
font-weight-applies-to-014 Font-weight and 'display: table-cell' elements
  • Font weights apply to 'display: table-cell' elements.
font-weight-applies-to-015 Font-weight and 'display: table-caption' elements
  • Font weights apply to 'display: table-caption' elements.
font-weight-applies-to-016 Font-weight and 'display: none' elements
  • Font weights apply to 'display: none' elements.
font-weight-applies-to-017 Font-weight and 'display: inherit' elements
  • Font weights apply to 'display: inherit' elements.
font-weight-bolder-001 = FontRecommend font weight mapping with various families with bolder use
  • Font weights should map to corresponding font faces in a family with all weights
font-weight-lighter-001 = FontRecommend font weight mapping with various families with lighter use
  • Font weights should map to corresponding font faces in a family with all weights
font-weight-normal-001 = FontRecommend font weight mapping with various families
  • Font weights should map to corresponding font faces in a family with all weights
font-weight-rule-001 Font-weight set to 'normal' corresponds to '400'
  • A font weight of 'normal' corresponds to the weight value '400'.
font-weight-rule-002 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-rule-003 Font-weight inherits the computed weight
  • Child elements inherit their parent's actual font weight.
font-weight-rule-004 Font-weight set to 'bolder'
  • The value 'bolder' selects the next darker weight compared to its parent's weight.
font-weight-rule-005 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-rule-006 Font-weight set to 'lighter'
  • A font weight of 'lighter' selects the next lighter weight.
font-weight-rule-007 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-rule-008 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
background-position-001 AhemBitmaps 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 AhemBitmaps 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 AhemInvalid 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'.
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 AhemInvalid 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'.
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 AhemInvalid 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'.
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 AhemInvalid 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'.
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 AhemInvalid 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'.
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 AhemInvalid 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'.
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 AhemInvalid 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'.
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 AhemInvalid 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'.
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 AhemInvalid 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'.
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-004 Ahem Font-size and 'display: run-in' elements
  • The 'font-size' property applies to 'display: run-in' 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. It will fall back to the default value 'medium'.
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.
+ 15.8 Shorthand font property: the 'font' property
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-001 Ahem Font shorthand set using the values font-size and font-family
  • The 'font' shorthand property accepts and sets font-size and font-family.
font-002 Ahem 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.
font-003 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-004 Ahem 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.
font-005 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-006 Ahem 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.
font-007 Ahem 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.
font-008 Ahem 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.
font-009 Ahem 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.
font-010 Ahem 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.
font-011 Ahem 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.
font-012 Ahem 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.
font-013 Ahem 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.
font-014 Ahem 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.
font-015 Ahem 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.
font-016 Ahem 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.
font-017 Ahem 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.
font-018 Ahem 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.
font-019 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-020 Ahem 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.
font-021 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-022 Ahem 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.
font-023 Ahem 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.
font-024 Ahem 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.
font-025 Ahem 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.
font-026 Ahem 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.
font-027 Ahem 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.
font-028 Ahem 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.
font-029 Ahem 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.
font-030 Ahem 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.
font-031 Ahem 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.
font-032 Ahem 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.
font-033 Ahem Font set to the keyword 'caption'
  • The 'font' property set to 'caption' correctly uses the system setting.
font-034 Ahem Font set to the keyword 'icon'
  • The 'font' property set to 'icon' correctly uses the system setting.
font-035 Ahem Font set to the keyword 'menu'
  • The 'font' property set to 'menu' correctly uses the system setting.
font-036 Ahem Font set to the keyword 'message-box'
  • The 'font' property set to 'message-box' correctly uses the system setting.
font-037 Ahem Font set to the keyword 'small-caption'
  • The 'font' property set to 'small-caption' correctly uses the system setting.
font-038 Ahem Font set to the keyword 'status-bar'
  • The 'font' property set to 'status-bar' correctly uses the system setting.
font-039 Ahem Font shorthand set to 'inherit' inheriting two values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-040 Ahem Font shorthand set to 'inherit' inheriting three values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-041 Ahem Font shorthand set to 'inherit' inheriting four values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-042 Ahem Font shorthand set to 'inherit' inheriting five values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-043 Ahem Font shorthand set to 'inherit' inheriting six values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-044 Ahem font - system fonts
  • A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
font-045 AhemInvalid font - inherit keyword value
  • The inherit keyword value cannot mix with other subproperty values
font-046 Ahem font - system fonts
  • A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
font-047 Ahem font - system fonts
  • A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
font-048 Ahem font - system fonts
  • A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
font-049 Ahem font - system fonts
  • A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
font-050 Ahem font - system fonts
  • A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
font-applies-to-001 Font and 'display: inline' elements
  • The 'font' property applies to 'display: inline' elements.
font-applies-to-002 Font and 'display: block' elements
  • The 'font' property applies to 'display: block' elements.
font-applies-to-003 Font and 'display: list-item' elements
  • The 'font' property applies to 'display: list-item' elements.
font-applies-to-004 Font and 'display: run-in' elements
  • The 'font' property applies to 'display: run-in' elements.
font-applies-to-005 Font and 'display: inline-block' elements
  • The 'font' property applies to 'display: inline-block' elements.
font-applies-to-006 Font and 'display: table' elements
  • The 'font' property applies to 'display: table' elements.
font-applies-to-007 Font and 'display: inline-table' elements
  • The 'font' property applies to 'display: inline-table' elements.
font-applies-to-008 Font and 'display: table-row-group' elements
  • The 'font' property applies to 'display: table-row-group' elements.
font-applies-to-009 Font and 'display: table-header-group' elements
  • The 'font' property applies to 'display: table-header-group' elements.
font-applies-to-010 Font and 'display: table-footer-group' elements
  • The 'font' property applies to 'display: table-footer-group' elements.
font-applies-to-011 Font and 'display: table-row' elements
  • The 'font' property applies to 'display: table-row' elements.
font-applies-to-014 Font and 'display: table-cell' elements
  • The 'font' property applies to 'display: table-cell' elements.
font-applies-to-015 Font and 'display: table-caption' elements
  • The 'font' property applies to 'display: table-caption' elements.
font-applies-to-016 Font and 'display: none' elements
  • The 'font' property applies to 'display: table-row' elements.
font-applies-to-017 Font and 'display: inherit' elements
  • The 'font' property applies to 'display: inherit' elements.
font-systemfont-rule-003 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-systemfont-rule-004 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.