CSS2.1 Test Suite

Fonts (385 tests)

Test Refs Flags Info
+ 15.1 Introduction
+ 15.2 Font matching algorithm
font-matching-rule-001 A 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 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.
font-matching-rule-008 A 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 I 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 A 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 A 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 A Font-family set to an installed font
  • The 'font-family' property set to and installed font renders the appropriate font.
font-family-002 A 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 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.
font-family-004 A 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 A 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 A 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 A Font-family set to 'inherit'
  • The 'font-family' property set to 'inherit' inherits its value from the parent element's value.
font-family-008 AI font-family
  • Unquoted font-family names must not contain unescaped parentheses or unescaped curly braces
font-family-applies-to-001 A Font-family and 'display: inline' elements
  • The 'font-family' property applies to 'display: inline' elements.
font-family-applies-to-002 A Font-family and 'display: block' elements
  • The 'font-family' property applies to 'display: block' elements.
font-family-applies-to-003 A Font-family and 'display: list-item' elements
  • The 'font-family' property applies to 'display: list-item' elements.
font-family-applies-to-004 A Font-family and 'display: run-in' elements
  • The 'font-family' property applies to 'display: run-in' elements.
font-family-applies-to-005 A Font-family and 'display: inline-block' elements
  • The 'font-family' property applies to 'display: inline-block' elements.
font-family-applies-to-006 A Font-family and 'display: table' elements
  • The 'font-family' property applies to 'display: table' elements.
font-family-applies-to-007 A Font-family and 'display: inline-table' elements
  • The 'font-family' property applies to 'display: inline-table' elements.
font-family-applies-to-008 A Font-family and 'display: table-row-group' elements
  • The 'font-family' property applies to 'display: table-row-group' elements.
font-family-applies-to-009 A Font-family and 'display: table-header-group' elements
  • The 'font-family' property applies to 'display: table-header-group' elements.
font-family-applies-to-010 A Font-family and 'display: table-footer-group' elements
  • The 'font-family' property applies to 'display: table-footer-group' elements.
font-family-applies-to-011 A Font-family and 'display: table-row' elements
  • The 'font-family' property applies to 'display: table-row' elements.
font-family-applies-to-014 A Font-family and 'display: table-cell' elements
  • The 'font-family' property applies to 'display: table-cell' elements.
font-family-applies-to-015 A Font-family and 'display: table-caption' elements
  • The 'font-family' property applies to 'display: table-caption' elements.
font-family-applies-to-016 A Font-family and 'display: none' elements
  • The 'font-family' property applies to 'display: none' elements.
font-family-applies-to-017 A Font-family and 'display: inherit' elements
  • The 'font-family' property applies to 'display: inherit' elements.
font-family-invalid-characters-001 AI Invalid characters in font-family values
  • Invalid characters in font family names invalidate entire declaration.
font-family-invalid-characters-002 AI Invalid parenthesis and pair matching
  • Invalid characters in font family names.
font-family-invalid-characters-003 AI Invalid curly brackets and pair matching
  • Invalid characters in font family names.
font-family-invalid-characters-004 AI Invalid square brackets and pair matching
  • Invalid characters in font family names.
font-family-invalid-characters-005 AI Invalid quotes and pair matching
  • Invalid characters in font family names.
font-family-invalid-characters-006 AI 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
  • The 'font-family' property set to and installed font renders the appropriate font. Family name with numbers
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 = fontI 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 O 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 A 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 A Valid characters in font-family values
  • Valid characters in font family names.
font-family-valid-characters-002 A 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 G text-decoration
font-style-001 A Font-style set to 'normal'
  • The 'font-style' property set to 'normal' correctly renders the characters as normal text.
font-style-002 A Font-style set to 'italic'
  • The 'font-style' property set to 'italic' correctly renders the characters as italic text.
font-style-003 A Font-style set to 'oblique'
  • The 'font-style' property set to 'normal' correctly renders the characters as oblique text.
font-style-004 A 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 A 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 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.
font-weight-003 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.
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 = fontR 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 = fontR 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 = fontR 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 AG 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 AG 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 A font-size
c526-font-sz-002 A font-size
c526-font-sz-003 A 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 AI 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 A Font-size using pixels with a minimum value, 0px
  • The 'font-size' property sets a minimum length value in pixels.
font-size-003 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.
font-size-004 A 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 A 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 A Font-size using pixels with a nominal value, 96px
  • The 'font-size' property sets a nominal length value in pixels.
font-size-007 A 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 AI 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 A Font-size using points with a minimum value, 0pt
  • The 'font-size' property sets a minimum length value in points.
font-size-014 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.
font-size-015 A 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 A 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 A Font-size using points with a nominal value, 72pt
  • The 'font-size' property sets a nominal length value in points.
font-size-018 A 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 AI 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 A Font-size using picas with a minimum value, 0pc
  • The 'font-size' property sets a minimum length value in picas.
font-size-025 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.
font-size-026 A 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 A 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 A Font-size using picas with a nominal value, 6pc
  • The 'font-size' property sets a nominal length value in picas.
font-size-029 A 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 AI 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 A Font-size using centimeters with a minimum value, 0cm
  • The 'font-size' property sets a minimum length value in centimeters.
font-size-036 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.
font-size-037 A 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 A 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 A Font-size using centimeters with a nominal value, 2.54cm
  • The 'font-size' property sets a nominal length value in centimeters.
font-size-040 A 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 AI 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 A Font-size using millimeters with a minimum value, 0mm
  • The 'font-size' property sets a minimum length value in millimeters.
font-size-047 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.
font-size-048 A 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 A 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 A Font-size using millimeters with a nominal value, 25.4mm
  • The 'font-size' property sets a nominal length value in millimeters.
font-size-051 A 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 AI 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 A Font-size using inches with a minimum value, 0in
  • The 'font-size' property sets a minimum length value in inches.
font-size-058 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.
font-size-059 A 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 A 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 A Font-size using inches with a nominal value, 3in
  • The 'font-size' property sets a nominal length value in inches.
font-size-062 A Font-size using inches with a positive nominal value, +3in
  • The 'font-size' property sets a positive nominal length value in inches.
font-size-067 AI 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 A 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 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.
font-size-070 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.
font-size-071 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.
font-size-072 A 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 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.
font-size-078 AI 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 A 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 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.
font-size-081 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.
font-size-082 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.
font-size-083 A Font-size using 'ex' units with a nominal value, 7.5ex
  • The 'font-size' property sets a nominal length value in 'ex' units.
font-size-084 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.
font-size-089 AI 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 A Font-size using percentages with a minimum value, 0%
  • The 'font-size' property sets a minimum length value in percentages.
font-size-091 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.
font-size-092 A 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 A 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 A Font-size using percentages with a nominal value, 100%
  • The 'font-size' property sets a nominal length value in percentages.
font-size-095 A 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 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.
font-size-101 A 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 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.
font-size-103 A 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 A 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 A Font-size set to the keyword 'small'
  • The 'font-size' property set to the keyword 'small' makes the font size smaller.
font-size-106 A Font-size set to the keyword 'medium'
  • The 'font-size' property set to the keyword 'medium' is the default font size.
font-size-107 A Font-size set to the keyword 'large'
  • The 'font-size' property set to the keyword 'large' makes the font size larger.
font-size-108 A 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 A 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 A Font-size set to the keyword 'larger'
  • The 'font-size' property set to the keyword 'larger' makes the font size larger.
font-size-111 A Font-size set to the keyword 'smaller'
  • The 'font-size' property set to the keyword 'smaller' makes the font size smaller.
font-size-112 A Font-size set to 'inherit'
  • The 'font-size' property sets a value of 'inherit' and inherits its value from its parent.
font-size-113 A 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 A Font-size and 'display: inline' elements
  • The 'font-size' property applies to 'display: inline' elements.
font-size-applies-to-002 A Font-size and 'display: block' elements
  • The 'font-size' property applies to 'display: block' elements.
font-size-applies-to-003 A Font-size and 'display: list-item' elements
  • The 'font-size' property applies to 'display: list-item' elements.
font-size-applies-to-004 A Font-size and 'display: run-in' elements
  • The 'font-size' property applies to 'display: run-in' elements.
font-size-applies-to-005 A Font-size and 'display: inline-block' elements
  • The 'font-size' property applies to 'display: inline-block' elements.
font-size-applies-to-006 A Font-size and 'display: table' elements
  • The 'font-size' property applies to 'display: table' elements.
font-size-applies-to-007 A Font-size and 'display: inline-table' elements
  • The 'font-size' property applies to 'display: inline-table' elements.
font-size-applies-to-008 A Font-size and 'display: table-row-group' elements
  • The 'font-size' property applies to 'display: table-row-group' elements.
font-size-applies-to-009 A Font-size and 'display: table-header-group' elements
  • The 'font-size' property applies to 'display: table-header-group' elements.
font-size-applies-to-010 A Font-size and 'display: table-footer-group' elements
  • The 'font-size' property applies to 'display: table-footer-group' elements.
font-size-applies-to-011 A Font-size and 'display: table-row' elements
  • The 'font-size' property applies to 'display: table-row' elements.
font-size-applies-to-014 A Font-size and 'display: table-cell' elements
  • The 'font-size' property applies to 'display: table-cell' elements.
font-size-applies-to-015 A Font-size and 'display: table-caption' elements
  • The 'font-size' property applies to 'display: table-caption' elements.
font-size-applies-to-016 A Font-size and 'display: none' elements
  • The 'font-size' property applies to 'display: none' elements.
font-size-applies-to-017 A Font-size and 'display: inherit' elements
  • The 'font-size' property applies to 'display: inherit' elements.
font-size-rule-001 A 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 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.
font-size-rule-003 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.
font-size-rule-004 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.
+ 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 A 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 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.
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 A 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 A 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 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.
font-008 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.
font-009 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.
font-010 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.
font-011 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.
font-012 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.
font-013 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.
font-014 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.
font-015 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.
font-016 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.
font-017 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.
font-018 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.
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 A 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 A 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 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.
font-024 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.
font-025 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.
font-026 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.
font-027 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.
font-028 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.
font-029 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.
font-030 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.
font-031 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.
font-032 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.
font-033 A Font set to the keyword 'caption'
  • The 'font' property set to 'caption' correctly uses the system setting.
font-034 A Font set to the keyword 'icon'
  • The 'font' property set to 'icon' correctly uses the system setting.
font-035 A Font set to the keyword 'menu'
  • The 'font' property set to 'menu' correctly uses the system setting.
font-036 A Font set to the keyword 'message-box'
  • The 'font' property set to 'message-box' correctly uses the system setting.
font-037 A Font set to the keyword 'small-caption'
  • The 'font' property set to 'small-caption' correctly uses the system setting.
font-038 A Font set to the keyword 'status-bar'
  • The 'font' property set to 'status-bar' correctly uses the system setting.
font-039 A Font shorthand set to 'inherit' inheriting two values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-040 A Font shorthand set to 'inherit' inheriting three values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-041 A Font shorthand set to 'inherit' inheriting four values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-042 A Font shorthand set to 'inherit' inheriting five values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-043 A Font shorthand set to 'inherit' inheriting six values
  • The 'font' shorthand property set to 'inherit' inherits the parent element's values.
font-044 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
font-045 AI font - inherit keyword value
  • The inherit keyword value cannot mix with other subproperty values
font-046 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
font-047 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
font-048 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
font-049 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
font-050 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
font-051 AI font - system font value
  • A system font value cannot mix with another subproperty value
font-052 AI font - system font value
  • A system font value cannot mix with another subproperty value
font-053 AI font - system font value
  • A system font value cannot mix with another subproperty value
font-054 AI font - system font value
  • A system font value cannot mix with another subproperty value
font-055 AI font - system font value
  • A system font value cannot mix with another subproperty value
font-056 AI font - system font value
  • A system font value cannot mix with another subproperty value
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.