+
3.1 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-147 |
|
Ahem |
CSS: unquoted 'font-family' syntax (tested with '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 with parentheses or curly braces
- Unquoted font-family names must not contain unescaped parentheses or unescaped curly braces
|
font-family-009 |
= |
Ahem |
CSS: font-family inheritance
|
font-family-011 |
= |
|
CSS: font-family and whitespace
|
font-family-012 |
|
|
font-family with box drawing characters
|
font-family-013 |
= |
|
font-family and fallbacks
|
font-family-014 |
= |
|
font-family and fallbacks
|
font-family-015 |
|
|
Baselines and Fallback
|
font-family-016 |
|
|
Font test
|
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-005 |
= |
Ahem |
Font-family and 'display: inline-block' elements
- The 'font-family' property applies to 'display: inline-block' 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-computed |
|
Script |
CSS Fonts Module Level 3: getComputedStyle().fontFamily
- font-family computed value is as specified.
|
font-family-invalid |
|
Script |
CSS Fonts Module Level 3: parsing font-family with invalid values
- font-family supports only the grammar '[ <family-name> | <generic-family> ] #'.
|
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-000 |
|
Font |
Test for prescense of test fonts
- Test will fail if CSSTest fonts are not installed
|
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-name-025 |
= |
|
font family name should not match postscript font name
- The 'font-family' property set to and installed font renders the appropriate font. Postscript name should not match.
|
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-002a |
= |
Font |
Unquoted and unescaped font-family name with white spaces
- Any white space characters before or after an unquoted and unescaped font-family name are removed. Any sequence of white space characters between identifiers of an unquoted and unescaped font-family name should be converted to a single white space separating its identifiers.
|
font-family-rule-003 |
|
FontInvalid |
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-004a |
|
FontInvalid |
font-family - inherit as part of font-family name
- This test verifies 9 font-family declarations with inherit and 2 font-family declarations with invalid identifiers.
|
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 |
|
FontInvalid |
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 (1 or many) white spaces before and after an unquoted font-family name are ignored. Multiple (more than 1) white spaces inside an unquoted font name get converted to single white space.
|
font-family-valid |
|
Script |
CSS Fonts Module Level 3: parsing font-family with valid values
- font-family supports the full grammar '[ <family-name> | <generic-family> ] #'.
|
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.
|
quoted-generic-ignored |
= |
|
quoted font-family names must not be treated as generics
- Font family names that happen to be the same as keyword value must be quoted to prevent confusion with the keywords with the same names
|
test_font_family_parsing |
|
Script |
Font family name parsing tests
- tests that valid font family names parse and invalid ones don't
|
+
3.2 Font weight: 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-015 |
|
Ahem |
CSS: font-weight inheritance
|
font-weight-016 |
|
Ahem |
CSS: font-weight 500/600 defaulting to normal/bold
|
font-weight-017 |
|
|
CSS: sanity tests for absolute keyword values of font-weight
|
font-weight-018 |
|
|
CSS: sanity tests for relative keyword values of font-weight
|
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-computed |
|
Script |
CSS Fonts Module Level 3: getComputedStyle().fontWeight
- font-weight computed value is a number.
|
font-weight-invalid |
|
Script |
CSS Fonts Module Level 3: parsing font-weight with invalid values
- font-weight supports only the grammar 'normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900'.
|
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'.
|
font-weight-valid |
|
Script |
CSS Fonts Module Level 3: parsing font-weight with valid values
- font-weight supports the full grammar 'normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900'.
|
test-synthetic-bold |
|
Font |
Test for synthetic bold rendering
- Synthetic bold text should render differently than normal text
|
+
3.3 Font width: the font-stretch property |
font-stretch-01 |
= |
|
font-stretch property initial value is normal
- The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.
|
font-stretch-02 |
= |
|
font-stretch property ultra-expanded
- The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.
|
font-stretch-03 |
= |
|
font-stretch property extra-expanded
- The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.
|
font-stretch-04 |
= |
|
font-stretch property, expanded
- The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.
|
font-stretch-05 |
= |
|
font-stretch property, semi-expanded
- The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.
|
font-stretch-06 |
= |
|
font-stretch property, normal
- The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.
|
font-stretch-07 |
= |
|
font-stretch property, semi-condensed
- The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.
|
font-stretch-08 |
= |
|
font-stretch property, condensed
- The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.
|
font-stretch-09 |
= |
|
font-stretch property, extra-condensed
- The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.
|
font-stretch-10 |
= |
|
font-stretch property, ultra-condensed
- The ‘font-stretch’ property selects a normal, condensed, or expanded face from a font family.
|
font-stretch-11 |
= |
|
font-stretch property, mapping values
- When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.
|
font-stretch-12 |
= |
|
font-stretch property, mapping values
- When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.
|
font-stretch-13 |
= |
|
font-stretch property, mapping values
- When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.
|
font-stretch-14 |
= |
|
font-stretch property, mapping values
- When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.
|
font-stretch-15 |
= |
|
font-stretch property, mapping values
- When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.
|
font-stretch-16 |
= |
|
font-stretch property, mapping values
- When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.
|
font-stretch-17 |
= |
|
font-stretch property, mapping values
- When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.
|
font-stretch-18 |
= |
|
font-stretch property, mapping values
- When a face does not exist for a given width, normal or condensed values map to a narrower face, otherwise a wider face.
|
+
3.4 Font style: 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 |
|
AnimatedBitmaps |
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 applies 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.
|
font-style-computed |
|
Script |
CSS Fonts Module Level 3: getComputedStyle().fontStyle
- font-style computed value is as specified.
|
font-style-invalid |
|
Script |
CSS Fonts Module Level 3: parsing font-style with invalid values
- font-style supports only the grammar 'normal | italic | oblique'.
|
font-style-valid |
|
Script |
CSS Fonts Module Level 3: parsing font-style with valid values
- font-style supports the full grammar 'normal | italic | oblique'.
|
test-synthetic-italic |
|
Font |
Test for synthetic italic rendering
- Synthetic italic text should render differently than normal text
|
+
3.5 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 |
= |
AhemInvalid |
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; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
|
font-size-002 |
= |
Ahem |
Font-size using pixels with a minimum value, 0px
- The 'font-size' property sets a minimum length value in pixels.
|
font-size-003 |
|
Ahem |
Font-size using pixels with a minimum plus one value, 1px
- The 'font-size' property sets a minimum plus one length value in pixels.
|
font-size-004 |
= |
Ahem |
Font-size using pixels with a negative zero value, -0px
- The 'font-size' property sets a negative zero length value in pixels.
|
font-size-005 |
= |
Ahem |
Font-size using pixels with a positive zero value, +0px
- The 'font-size' property sets a positive zero length value in pixels.
|
font-size-006 |
|
Ahem |
Font-size using pixels with a nominal value, 96px
- The 'font-size' property sets a nominal length value in pixels.
|
font-size-007 |
|
Ahem |
Font-size using pixels with a positive nominal value, +96px
- The 'font-size' property sets a positive nominal length value in pixels.
|
font-size-012 |
= |
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; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
|
font-size-013 |
= |
Ahem |
Font-size using points with a minimum value, 0pt
- The 'font-size' property sets a minimum length value in points.
|
font-size-014 |
|
Ahem |
Font-size using points with a minimum plus one value, 1pt
- The 'font-size' property sets a minimum plus one length value in points.
|
font-size-015 |
= |
Ahem |
Font-size using points with a negative zero value, -0pt
- The 'font-size' property sets a negative zero length value in points.
|
font-size-016 |
= |
Ahem |
Font-size using points with a positive zero value, +0pt
- The 'font-size' property sets a positive zero length value in points.
|
font-size-017 |
|
Ahem |
Font-size using points with a nominal value, 72pt
- The 'font-size' property sets a nominal length value in points.
|
font-size-018 |
|
Ahem |
Font-size using points with a positive nominal value, +72pt
- The 'font-size' property sets a positive nominal length value in points.
|
font-size-023 |
= |
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; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
|
font-size-024 |
= |
Ahem |
Font-size using picas with a minimum value, 0pc
- The 'font-size' property sets a minimum length value in picas.
|
font-size-025 |
|
Ahem |
Font-size using picas with a minimum plus one value, 1pc
- The 'font-size' property sets a minimum plus one length value in picas.
|
font-size-026 |
= |
Ahem |
Font-size using picas with a negative zero value, -0pc
- The 'font-size' property sets a negative zero length value in picas.
|
font-size-027 |
= |
Ahem |
Font-size using picas with a positive zero value, +0pc
- The 'font-size' property sets a positive zero length value in picas.
|
font-size-028 |
|
Ahem |
Font-size using picas with a nominal value, 6pc
- The 'font-size' property sets a nominal length value in picas.
|
font-size-029 |
|
Ahem |
Font-size using picas with a positive nominal value, +6pc
- The 'font-size' property sets a positive nominal length value in picas.
|
font-size-034 |
= |
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; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
|
font-size-035 |
= |
Ahem |
Font-size using centimeters with a minimum value, 0cm
- The 'font-size' property sets a minimum length value in centimeters.
|
font-size-036 |
|
Ahem |
Font-size using centimeters with a minimum plus one value, 1cm
- The 'font-size' property sets a minimum plus one length value in centimeters.
|
font-size-037 |
= |
Ahem |
Font-size using centimeters with a negative zero value, -0cm
- The 'font-size' property sets a negative zero length value in centimeters.
|
font-size-038 |
= |
Ahem |
Font-size using centimeters with a positive zero value, +0cm
- The 'font-size' property sets a positive zero length value in centimeters.
|
font-size-039 |
|
Ahem |
Font-size using centimeters with a nominal value, 2.54cm
- The 'font-size' property sets a nominal length value in centimeters.
|
font-size-040 |
|
Ahem |
Font-size using centimeters with a positive nominal value, +2.54cm
- The 'font-size' property sets a positive nominal length value in centimeters.
|
font-size-045 |
= |
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; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
|
font-size-046 |
= |
Ahem |
Font-size using millimeters with a minimum value, 0mm
- The 'font-size' property sets a minimum length value in millimeters.
|
font-size-047 |
|
Ahem |
Font-size using millimeters with a minimum plus one value, 1mm
- The 'font-size' property sets a minimum plus one length value in millimeters.
|
font-size-048 |
= |
Ahem |
Font-size using millimeters with a negative zero value, -0mm
- The 'font-size' property sets a negative zero length value in millimeters.
|
font-size-049 |
= |
Ahem |
Font-size using millimeters with a positive zero value, +0mm
- The 'font-size' property sets a positive zero length value in millimeters.
|
font-size-050 |
|
Ahem |
Font-size using millimeters with a nominal value, 25.4mm
- The 'font-size' property sets a nominal length value in millimeters.
|
font-size-051 |
|
Ahem |
Font-size using millimeters with a positive nominal value, +25.4mm
- The 'font-size' property sets a positive nominal length value in millimeters.
|
font-size-056 |
= |
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; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
|
font-size-057 |
= |
Ahem |
Font-size using inches with a minimum value, 0in
- The 'font-size' property sets a minimum length value in inches.
|
font-size-058 |
|
Ahem |
Font-size using inches with a minimum plus one value, 1in
- The 'font-size' property sets a minimum plus one length value in inches.
|
font-size-059 |
= |
Ahem |
Font-size using inches with a negative zero value, -0in
- The 'font-size' property sets a negative zero length value in inches.
|
font-size-060 |
= |
Ahem |
Font-size using inches with a positive zero value, +0in
- The 'font-size' property sets a positive zero length value in inches.
|
font-size-061 |
|
Ahem |
Font-size using inches with a nominal value, 2in
- The 'font-size' property sets a nominal length value in inches.
|
font-size-062 |
|
Ahem |
Font-size using inches with a positive nominal value, +2in
- The 'font-size' property sets a positive nominal length value in inches.
|
font-size-067 |
= |
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; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
|
font-size-068 |
= |
Ahem |
Font-size using 'em' units with a minimum value, 0em
- The 'font-size' property sets a minimum length value in 'em' units.
|
font-size-069 |
|
Ahem |
Font-size using 'em' units with a minimum plus one value, 1em
- The 'font-size' property sets a minimum plus one length value in 'em' units.
|
font-size-070 |
= |
Ahem |
Font-size using 'em' units with a negative zero value, -0em
- The 'font-size' property sets a negative zero length value in 'em' units.
|
font-size-071 |
= |
Ahem |
Font-size using 'em' units with a positive zero value, +0em
- The 'font-size' property sets a positive zero length value in 'em' units.
|
font-size-072 |
|
Ahem |
Font-size using 'em' units with a nominal value, 6em
- The 'font-size' property sets a nominal length value in 'em' units.
|
font-size-073 |
|
Ahem |
Font-size using 'em' units with a positive nominal value, +6em
- The 'font-size' property sets a positive nominal length value in 'em' units.
|
font-size-078 |
= |
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; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
|
font-size-079 |
= |
Ahem |
Font-size using 'ex' units with a minimum value, 0ex
- The 'font-size' property sets a minimum length value in 'ex' units.
|
font-size-080 |
|
Ahem |
Font-size using 'ex' units with a minimum plus one value, 1ex
- The 'font-size' property sets a minimum plus one length value in 'ex' units.
|
font-size-081 |
= |
Ahem |
Font-size using 'ex' units with a negative zero value, -0ex
- The 'font-size' property sets a negative zero length value in 'ex' units.
|
font-size-082 |
= |
Ahem |
Font-size using 'ex' units with a positive zero value, +0ex
- The 'font-size' property sets a positive zero length value in 'ex' units.
|
font-size-083 |
|
Ahem |
Font-size using 'ex' units with a nominal value, 6ex
- The 'font-size' property sets a nominal length value in 'ex' units.
|
font-size-084 |
|
Ahem |
Font-size using 'ex' units with a positive nominal value, +6ex
- The 'font-size' property sets a positive nominal length value in 'ex' units.
|
font-size-089 |
= |
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; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
|
font-size-090 |
= |
Ahem |
Font-size using percentages with a minimum value, 0%
- The 'font-size' property sets a minimum length value in percentages.
|
font-size-091 |
|
Ahem |
Font-size using percentages with a minimum plus one value, 1%
- The 'font-size' property sets a minimum plus one length value in percentages.
|
font-size-092 |
= |
Ahem |
Font-size using percentages with a negative zero value, -0%
- The 'font-size' property sets a negative zero length value in percentages.
|
font-size-093 |
= |
Ahem |
Font-size using percentages with a positive zero value, +0%
- The 'font-size' property sets a positive zero length value in percentages.
|
font-size-094 |
|
Ahem |
Font-size using percentages with a nominal value, 100%
- The 'font-size' property sets a nominal length value in percentages.
|
font-size-095 |
|
Ahem |
Font-size using percentages with a positive nominal value, +100%
- The 'font-size' property sets a positive nominal length value in percentages.
|
font-size-100 |
= |
Ahem |
Font-size with a negative zero value and no units, -0
- The 'font-size' property sets a negative zero length value with no units.
|
font-size-101 |
= |
Ahem |
Font-size with a zero value and no units, 0
- The 'font-size' property sets a zero length value with no units.
|
font-size-102 |
= |
Ahem |
Font-size with a positive zero value and no units, +0
- The 'font-size' property sets a positive zero length value with no units.
|
font-size-103 |
|
Ahem |
Font-size set to the keyword 'xx-small'
- The 'font-size' property set to the keyword 'xx-small' makes the font size smaller.
|
font-size-104 |
|
Ahem |
Font-size set to the keyword 'x-small'
- The 'font-size' property set to the keyword 'x-small' makes the font size smaller.
|
font-size-105 |
|
Ahem |
Font-size set to the keyword 'small'
- The 'font-size' property set to the keyword 'small' makes the font size smaller.
|
font-size-106 |
|
Ahem |
Font-size set to the keyword 'medium'
- The 'font-size' property set to the keyword 'medium' is the default font size.
|
font-size-107 |
|
Ahem |
Font-size set to the keyword 'large'
- The 'font-size' property set to the keyword 'large' makes the font size larger.
|
font-size-108 |
|
Ahem |
Font-size set to the keyword 'x-large'
- The 'font-size' property set to the keyword 'x-large' makes the font size larger.
|
font-size-109 |
|
Ahem |
Font-size set to the keyword 'xx-large'
- The 'font-size' property set to the keyword 'xx-large' makes the font size larger.
|
font-size-110 |
|
Ahem |
Font-size set to the keyword 'larger'
- The 'font-size' property set to the keyword 'larger' makes the font size larger.
|
font-size-111 |
|
Ahem |
Font-size set to the keyword 'smaller'
- The 'font-size' property set to the keyword 'smaller' makes the font size smaller.
|
font-size-112 |
|
Ahem |
Font-size set to 'inherit'
- The 'font-size' property sets a value of 'inherit' and inherits its value from its parent.
|
font-size-113 |
|
Ahem |
font-size - ex unit
- 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.
|
font-size-114 |
|
|
CSS: sanity tests for relative keyword values of font-size
|
font-size-115 |
|
|
CSS: sanity tests for font inheritance
|
font-size-116 |
|
|
font-size in pixels
|
font-size-117 |
|
|
font-sizes in pixels compared to images in pixels
|
font-size-118 |
|
|
CSS: sanity tests for relative keyword values of font-size
|
font-size-119 |
|
|
CSS: sanity tests for relative keyword values of font-size
|
font-size-120 |
= |
Ahem |
CSS: font-size inheritance
|
font-size-121 |
= |
Ahem |
CSS: sanity tests for relative keyword values of font-size
|
font-size-122 |
= |
Ahem |
Default Font Sizes
|
font-size-123 |
= |
Invalid |
CSS Parsing: Negative Font-Size
- If a negative length value is set into a font-size declaration, then such declaration is ignored.
|
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-invalid |
|
Script |
CSS Fonts Module Level 3: parsing font-size with invalid values
- font-size supports only the grammar '<absolute-size> | <relative-size> | <length-percentage>'.
|
font-size-rule-001 |
|
AhemInvalid |
Font-size, negative values
- The 'font-size' does not allow for a negative value; such 'font-size' declaration should be ignored. Then the 'font-size' property value can be determined by computed font-size of containers and from cascade mechanisms (user, author, user agent).
|
font-size-rule-002 |
|
Ahem |
Font-size, relative-size 'larger'
- When font size is medium, the value 'larger' will make the font size equivalent to the 'large' font-size.
|
font-size-rule-003 |
|
Ahem |
Font-size and font sizes available
- The user agent is free to choose a font-size from the font size table entries or round off to the closest font size.
|
font-size-rule-004 |
|
Ahem |
Font-size 'em' unit value referring to parent
- The 'em' unit refers to the computed font size of the parent element instead of the current element.
|
transition-property-019-manual |
|
|
transition-property - font-size
- Test checks that the 'font-size' property is animatable.
|
+
3.7 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-051 |
= |
AhemInvalid |
font shorthand - minimal requirements
- Font shorthand requires at minimum 2 font subproperties (unless resorting to a system font): font-size and font-family.
|
font-052 |
|
Font |
font shorthand - reserved keywords
- This test verifies different valid and invalid font shorthand declarations involving reserved keywords (caption, inherit).
|
font-144 |
|
Ahem |
Parsing the 'font' shorthand
|
font-145 |
|
Ahem |
The 'font' property with line-height: normal
|
font-146 |
= |
AhemInvalid |
font shorthand and negative line-heights
|
font-147 |
|
Ahem |
CSS: unquoted 'font-family' syntax (tested with 'font')
|
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.
|
test_datafont_same_origin |
|
Script |
data:font same-origin test
- tests data:font would be treated same origin.
|
test_font_family_parsing |
|
Script |
Font family name parsing tests
- tests that valid font family names parse and invalid ones don't
|