|
+
15.3 Font family: the 'font-family' property
|
|---|
|
c522-font-family-000 |
|
|
font-family
|
|
c527-font-000 |
|
|
font
|
|
c527-font-002 |
|
|
font
|
|
c527-font-003 |
|
|
font
|
|
c527-font-004 |
|
|
font
|
|
c527-font-005 |
|
|
font
|
|
c527-font-006 |
|
|
font
|
|
c527-font-007 |
|
|
font
|
|
c527-font-008 |
|
|
font
|
|
c527-font-009 |
|
|
font
|
|
c527-font-10 |
|
|
font
|
|
font-family-001 |
|
Ahem |
Font-family set to an installed font
- The 'font-family' property set to and installed font renders the appropriate font.
|
|
font-family-002 |
|
Ahem |
Font-family set to the keyword 'serif'
- The 'font-family' property set to 'serif' correctly renders the user agent's serif font.
|
|
font-family-003 |
|
Ahem |
Font-family set to the keyword 'sans-serif'
- The 'font-family' property set to 'sans-serif' correctly renders the user agent's sans-serif font.
|
|
font-family-004 |
|
Ahem |
Font-family set to the keyword 'cursive'
- The 'font-family' property set to 'cursive' correctly renders the user agent's cursive font.
|
|
font-family-005 |
|
Ahem |
Font-family set to the keyword 'fantasy'
- The 'font-family' property set to 'fantasy' correctly renders the user agent's fantasy font.
|
|
font-family-006 |
|
Ahem |
Font-family set to the keyword 'monospace'
- The 'font-family' property set to 'monospace' correctly renders the user agent's monospace font.
|
|
font-family-007 |
|
Ahem |
Font-family set to 'inherit'
- The 'font-family' property set to 'inherit' inherits its value from the parent element's value.
|
|
font-family-008 |
|
AhemInvalid |
font-family
- Unquoted font-family names must not contain unescaped parentheses or unescaped curly braces
|
|
font-family-applies-to-001 |
|
Ahem |
Font-family and 'display: inline' elements
- The 'font-family' property applies to 'display: inline' elements.
|
|
font-family-applies-to-002 |
|
Ahem |
Font-family and 'display: block' elements
- The 'font-family' property applies to 'display: block' elements.
|
|
font-family-applies-to-003 |
|
Ahem |
Font-family and 'display: list-item' elements
- The 'font-family' property applies to 'display: list-item' elements.
|
|
font-family-applies-to-004 |
|
Ahem |
Font-family and 'display: run-in' elements
- The 'font-family' property applies to 'display: run-in' elements.
|
|
font-family-applies-to-005 |
|
Ahem |
Font-family and 'display: inline-block' elements
- The 'font-family' property applies to 'display: inline-block' elements.
|
|
font-family-applies-to-006 |
|
Ahem |
Font-family and 'display: table' elements
- The 'font-family' property applies to 'display: table' elements.
|
|
font-family-applies-to-007 |
|
Ahem |
Font-family and 'display: inline-table' elements
- The 'font-family' property applies to 'display: inline-table' elements.
|
|
font-family-applies-to-008 |
|
Ahem |
Font-family and 'display: table-row-group' elements
- The 'font-family' property applies to 'display: table-row-group' elements.
|
|
font-family-applies-to-009 |
|
Ahem |
Font-family and 'display: table-header-group' elements
- The 'font-family' property applies to 'display: table-header-group' elements.
|
|
font-family-applies-to-010 |
|
Ahem |
Font-family and 'display: table-footer-group' elements
- The 'font-family' property applies to 'display: table-footer-group' elements.
|
|
font-family-applies-to-011 |
|
Ahem |
Font-family and 'display: table-row' elements
- The 'font-family' property applies to 'display: table-row' elements.
|
|
font-family-applies-to-014 |
|
Ahem |
Font-family and 'display: table-cell' elements
- The 'font-family' property applies to 'display: table-cell' elements.
|
|
font-family-applies-to-015 |
|
Ahem |
Font-family and 'display: table-caption' elements
- The 'font-family' property applies to 'display: table-caption' elements.
|
|
font-family-applies-to-016 |
|
Ahem |
Font-family and 'display: none' elements
- The 'font-family' property applies to 'display: none' elements.
|
|
font-family-applies-to-017 |
|
Ahem |
Font-family and 'display: inherit' elements
- The 'font-family' property applies to 'display: inherit' elements.
|
|
font-family-invalid-characters-001 |
|
AhemInvalid |
Invalid characters in font-family values
- Invalid characters in font family names invalidate entire declaration.
|
|
font-family-invalid-characters-002 |
|
AhemInvalid |
Invalid parenthesis and pair matching
- Invalid characters in font family names.
|
|
font-family-invalid-characters-003 |
|
AhemInvalid |
Invalid curly brackets and pair matching
- Invalid characters in font family names.
|
|
font-family-invalid-characters-004 |
|
AhemInvalid |
Invalid square brackets and pair matching
- Invalid characters in font family names.
|
|
font-family-invalid-characters-005 |
|
AhemInvalid |
Invalid quotes and pair matching
- Invalid characters in font family names.
|
|
font-family-invalid-characters-006 |
|
AhemInvalid |
Invalid single quotes and pair matching
- Invalid characters in font family names.
|
|
font-family-name-001 |
= |
Font |
font family name with no quotes
- The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes.
|
|
font-family-name-002 |
= |
Font |
font family name with no quotes, lowercase
- The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes, lowercase.
|
|
font-family-name-003 |
= |
Font |
font family name with no quotes, mixed case
- The 'font-family' property set to and installed font renders the appropriate font. Family name with no quotes, mixed case.
|
|
font-family-name-004 |
= |
Font |
quoted font family name with double quotes
- The 'font-family' property set to and installed font renders the appropriate font. Family name with double quotes.
|
|
font-family-name-005 |
= |
Font |
quoted font family name with single quotes
- The 'font-family' property set to and installed font renders the appropriate font. Family name with single quotes.
|
|
font-family-name-006 |
= |
Font |
unquoted font family name with extra whitespace
- The 'font-family' property set to and installed font renders the appropriate font. Family name with extra whitespace should be condensed to a single space.
|
|
font-family-name-007 |
= |
Font |
double quoted font family name with extra spaces should not match
- The 'font-family' property set to and installed font renders the appropriate font. Family name with spaces in double quotes should not match, spaces are not reduced.
|
|
font-family-name-008 |
= |
Font |
single quoted font family name with extra spaces should not match
- The 'font-family' property set to and installed font renders the appropriate font. Family name with spaces in single quotes should not match, spaces are not reduced.
|
|
font-family-name-009 |
= |
Font |
font family name with escaped hexcode characters
- The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped character.
|
|
font-family-name-010 |
= |
Font |
localized font family name
- The 'font-family' property set to and installed font renders the appropriate font. Localized family names should match.
|
|
font-family-name-011 |
= |
Font |
quoted localized font family name
- The 'font-family' property set to and installed font renders the appropriate font. Quoted localized family names should match.
|
|
font-family-name-012 |
= |
Font |
font family name with escaped characters
- The 'font-family' property set to and installed font renders the appropriate font. Family name with escaped characters.
|
|
font-family-name-013 |
= |
Font |
font family name should not match font fullnames
- The 'font-family' property set to and installed font renders the appropriate font. Fullname name should not match, only family names.
|
|
font-family-name-014 |
= |
Font |
font family name should not match Postscript name
- The 'font-family' property set to and installed font renders the appropriate font. Postscript name should not match, only family names.
|
|
font-family-name-015 |
= |
Font |
font family name should not match localized font fullnames
- The 'font-family' property set to and installed font renders the appropriate font. Localized fullname should not match.
|
|
font-family-name-016 |
= |
Font |
font family name that includes numbers should match
- Unquoted font family names with numbers should not be matched
|
|
font-family-name-017 |
= |
Font |
when unquoted font family not found, should not use font family list of body element
- When an unquoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed body should not be used.
|
|
font-family-name-018 |
= |
Font |
when quoted font family not found, should not use font family list of body element
- When a quoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed body should not be used.
|
|
font-family-name-019 |
= |
Font |
when unquoted font family not found, should not use font family list of parent element
- When an unquoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed div should not be used.
|
|
font-family-name-020 |
= |
Font |
when quoted font family not found, should not use font family list of parent element
- When a quoted font family name is not found font fallback occurs, the rule is not treated as invalid, the font-family setting of the enclosed div should not be used.
|
|
font-family-name-021 |
= |
FontInvalid |
mixed use of quotes in font family names is invalid syntax
- Mixing quoted name with unquoted portion is invalid syntax, rule is dropped.
|
|
font-family-name-022 |
= |
Font |
font shorthand parsing should not cause incorrect matching
- Font shorthand parsing should not cause incorrect matching of font-family values
|
|
font-family-name-023 |
= |
Font |
font family names that look like font shorthand
- Font family names that appear similar to font shorthand should match to fonts with those names
|
|
font-family-name-024 |
= |
Font |
system font names in font-family lists
- System font names are only allowed with the font shorthand, not in font-family rules
|
|
font-family-rule-001 |
|
|
Font-family, fallback mechanism
- Unknown or unavailable fonts fallback to the default font family. The default font family varies and depends on user agent.
|
|
font-family-rule-002 |
|
Font |
Font-family with white space
- Font names containing any white space need to be quoted. It is also recognized if it is not quoted.
|
|
font-family-rule-003 |
|
Font |
Font family name with special character, quoted
- Font names containing any special characters can be quoted. Otherwise the special character need to be escaped.
|
|
font-family-rule-004 |
|
Font |
Font family name same as keyword 'inherit'
- Font family named 'inherit' needs to be quoted to avoid conflict with keyword 'inherit'.
|
|
font-family-rule-005 |
|
DOM/JS |
Font family unknown character glyph matching
- Glyphs that are missing render as the missing glyph character and still report their initial character location, not the missing glyph location.
|
|
font-family-rule-006 |
|
Ahem |
Font family generic name cannot be quoted
- Generic font family name is not recognized if quoted.
|
|
font-family-rule-007 |
|
Font |
Font family name with special characters, escaped
- Font family name having special characters needs to escape special character. Otherwise the font family name need to be quoted.
|
|
font-family-rule-009 |
|
Font |
Font name with multiple white space characters
- Multiple white spaces inside quoted font-family name cannot be collapsed to single white space.
|
|
font-family-rule-010 |
|
Font |
Font name same as reserved keyword 'initial'
- Font named 'initial' needs to be quoted to avoid conflict with reserved keyword 'initial'.
|
|
font-family-rule-011 |
|
Font |
Font name same as reserved keyword 'default'
- Font named 'default' needs to be quoted to avoid conflict with reserved keyword 'default'.
|
|
font-family-rule-012 |
|
Font |
Font name same as keyword 'serif'
- Font named 'serif' needs to be quoted to avoid conflict with generic 'font-family' 'serif'.
|
|
font-family-rule-013 |
|
Font |
Font name same as keyword 'sans-serif'
- Font named 'sans-serif' needs to be quoted to avoid conflict with generic 'font-family' 'sans-serif'.
|
|
font-family-rule-014 |
|
Font |
Font name same as keyword 'cursive'
- Font named 'cursive' needs to be quoted to avoid conflict with generic 'font-family' 'cursive'.
|
|
font-family-rule-015 |
|
Font |
Font name same as keyword 'fantasy'
- Font named 'fantasy' needs to be quoted to avoid conflict with generic 'font-family' 'fantasy'.
|
|
font-family-rule-016 |
|
Font |
Font name same as keyword 'monospace'
- Font named 'monospace' need to be quoted to avoid conflict with generic 'font-family' 'monospace'.
|
|
font-family-rule-017 |
|
Font |
Font-family multiple white space characters in font name
- Multiple white spaces not inside quoted font-family name can be collapsed to single white space OR not collapsed.
|
|
font-family-valid-characters-001 |
|
Ahem |
Valid characters in font-family values
- Valid characters in font family names.
|
|
font-family-valid-characters-002 |
|
Ahem |
Valid numbers in font-family values
- Font family names must be identifiers.
|
|
+
15.6 Font boldness: the 'font-weight' property
|
|---|
|
c525-font-wt-000 |
|
|
font-weight
|
|
c527-font-004 |
|
|
font
|
|
c527-font-005 |
|
|
font
|
|
c527-font-006 |
|
|
font
|
|
c527-font-008 |
|
|
font
|
|
c527-font-009 |
|
|
font
|
|
c527-font-10 |
|
|
font
|
|
font-weight-001 |
|
Ahem |
Font-weight set to the keyword 'normal'
- The 'font-weight' property set to 'normal' properly sets the font to the normal weight rendering of the font.
|
|
font-weight-002 |
|
Ahem |
Font-weight set to the keyword 'bold'
- The 'font-weight' property set to 'bold' properly sets the font to the bold rendering of the font.
|
|
font-weight-003 |
|
Ahem |
Font-weight set to the keyword 'bolder'
- The 'font-weight' property set to 'bolder' properly sets the font to the next higher bold rendering of the font.
|
|
font-weight-008 |
|
|
Font-weight set to the numerical value, 400
- The 'font-weight' property set to '400' properly sets the font to the correct bold rendering.
|
|
font-weight-010 |
|
|
Font-weight set to the numerical value, 600
- The 'font-weight' property set to '600' properly sets the font to the correct bold rendering.
|
|
font-weight-011 |
|
|
Font-weight set to the numerical value, 700
- The 'font-weight' property set to '700' properly sets the font to the correct bold rendering.
|
|
font-weight-012 |
|
|
Font-weight set to the numerical value, 800
- The 'font-weight' property set to '800' properly sets the font to the correct bold rendering.
|
|
font-weight-013 |
|
|
Font-weight set to the numerical value, 900
- The 'font-weight' property set to '900' properly sets the font to the correct bold rendering.
|
|
font-weight-014 |
|
|
Font-weight set to the keyword 'inherit'
- The 'font-weight' property set to 'inherit' properly sets the font to the bold rendering of the font.
|
|
font-weight-applies-to-001 |
|
|
Font-weight and 'display: inline' elements
- Font weights apply to 'display: inline' elements.
|
|
font-weight-applies-to-002 |
|
|
Font-weight and 'display: block' elements
- Font weights apply to 'display: block' elements.
|
|
font-weight-applies-to-003 |
|
|
Font-weight and 'display: list-item' elements
- Font weights apply to 'display: list-item' elements.
|
|
font-weight-applies-to-004 |
|
|
Font-weight and 'display: run-in' elements
- Font weights apply to 'display: run-in' elements.
|
|
font-weight-applies-to-005 |
|
|
Font-weight and 'display: inline-block' elements
- Font weights apply to 'display: inline-block' elements.
|
|
font-weight-applies-to-006 |
|
|
Font-weight and 'display: table' elements
- Font weights apply to 'display: table' elements.
|
|
font-weight-applies-to-007 |
|
|
Font-weight and 'display: inline-table' elements
- Font weights apply to 'display: inline-table' elements.
|
|
font-weight-applies-to-008 |
|
|
Font-weight and 'display: table-row-group' elements
- Font weights apply to 'display: table-row-group' elements.
|
|
font-weight-applies-to-009 |
|
|
Font-weight and 'display: table-header-group' elements
- Verifies that font-weight does not applies to 'display: table-header-group' elements.
|
|
font-weight-applies-to-010 |
|
|
Font-weight and 'display: table-footer-group' elements
- Font weights apply to 'display: table-footer-group' elements.
|
|
font-weight-applies-to-011 |
|
|
Font-weight and 'display: table-row' elements
- Font weights apply to 'display: table-row' elements.
|
|
font-weight-applies-to-014 |
|
|
Font-weight and 'display: table-cell' elements
- Font weights apply to 'display: table-cell' elements.
|
|
font-weight-applies-to-015 |
|
|
Font-weight and 'display: table-caption' elements
- Font weights apply to 'display: table-caption' elements.
|
|
font-weight-applies-to-016 |
|
|
Font-weight and 'display: none' elements
- Font weights apply to 'display: none' elements.
|
|
font-weight-applies-to-017 |
|
|
Font-weight and 'display: inherit' elements
- Font weights apply to 'display: inherit' elements.
|
|
font-weight-bolder-001 |
= |
FontRecommend |
font weight mapping with various families with bolder use
- Font weights should map to corresponding font faces in a family with all weights
|
|
font-weight-lighter-001 |
= |
FontRecommend |
font weight mapping with various families with lighter use
- Font weights should map to corresponding font faces in a family with all weights
|
|
font-weight-normal-001 |
= |
FontRecommend |
font weight mapping with various families
- Font weights should map to corresponding font faces in a family with all weights
|
|
font-weight-rule-001 |
|
|
Font-weight set to 'normal' corresponds to '400'
- A font weight of 'normal' corresponds to the weight value '400'.
|
|
font-weight-rule-002 |
|
|
Font-weight comparison of 100 to 900
- Font weight value 100 to 900 indicate a weight that is either darker than OR as dark as its predecessor.
|
|
font-weight-rule-003 |
|
|
Font-weight inherits the computed weight
- Child elements inherit their parent's actual font weight.
|
|
font-weight-rule-004 |
|
|
Font-weight set to 'bolder'
- The value 'bolder' selects the next darker weight compared to its parent's weight.
|
|
font-weight-rule-005 |
|
|
Font-weight set to 'bolder' increasing the value above '900'
- The 'font-weight' property set to 'bolder' does not increase the value of font weight when the parent values is already set at 900.
|
|
font-weight-rule-006 |
|
|
Font-weight set to 'lighter'
- A font weight of 'lighter' selects the next lighter weight.
|
|
font-weight-rule-007 |
|
|
Font-weight set to 'lighter' decreasing value below '100'
- A font weight of 'lighter' selects the next lighter weight compared to its parent's weight.
|
|
font-weight-rule-008 |
|
|
Font-weight compare 'bold' to '700'
- A font weight set to 'bold' corresponds to the weight value '700'.
|
|
+
15.7 Font size: the 'font-size' property
|
|---|
|
background-position-001 |
|
AhemBitmaps |
background-position - ex unit
- ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.
|
|
background-position-002 |
|
AhemBitmaps |
background-position - ex unit
- ex unit is the 'x-height' of the relevant font. 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.
|
|
c526-font-sz-000 |
|
|
font-size
|
|
c526-font-sz-001 |
|
Ahem |
font-size
|
|
c526-font-sz-002 |
|
Ahem |
font-size
|
|
c526-font-sz-003 |
|
Ahem |
font-size
|
|
c527-font-000 |
|
|
font
|
|
c527-font-001 |
|
|
font
|
|
c527-font-002 |
|
|
font
|
|
c527-font-003 |
|
|
font
|
|
c527-font-004 |
|
|
font
|
|
c527-font-005 |
|
|
font
|
|
c527-font-006 |
|
|
font
|
|
c527-font-007 |
|
|
font
|
|
c527-font-008 |
|
|
font
|
|
c527-font-009 |
|
|
font
|
|
c527-font-10 |
|
|
font
|
|
font-size-001 |
|
AhemInvalid |
Font-size using pixels with a minimum minus one value, -1px
- The 'font-size' property sets a minimum minus one length value in pixels is invalid and resets its value to 'auto'.
|
|
font-size-002 |
|
Ahem |
Font-size using pixels with a minimum value, 0px
- The 'font-size' property sets a minimum length value in pixels.
|
|
font-size-003 |
|
Ahem |
Font-size using pixels with a minimum plus one value, 1px
- The 'font-size' property sets a minimum plus one length value in pixels.
|
|
font-size-004 |
|
Ahem |
Font-size using pixels with a negative zero value, -0px
- The 'font-size' property sets a negative zero length value in pixels.
|
|
font-size-005 |
|
Ahem |
Font-size using pixels with a positive zero value, +0px
- The 'font-size' property sets a positive zero length value in pixels.
|
|
font-size-006 |
|
Ahem |
Font-size using pixels with a nominal value, 96px
- The 'font-size' property sets a nominal length value in pixels.
|
|
font-size-007 |
|
Ahem |
Font-size using pixels with a positive nominal value, +96px
- The 'font-size' property sets a positive nominal length value in pixels.
|
|
font-size-012 |
|
AhemInvalid |
Font-size using points with a minimum minus one value, -1pt
- The 'font-size' property sets a minimum minus one length value in points is invalid and resets its value to 'auto'.
|
|
font-size-013 |
|
Ahem |
Font-size using points with a minimum value, 0pt
- The 'font-size' property sets a minimum length value in points.
|
|
font-size-014 |
|
Ahem |
Font-size using points with a minimum plus one value, 1pt
- The 'font-size' property sets a minimum plus one length value in points.
|
|
font-size-015 |
|
Ahem |
Font-size using points with a negative zero value, -0pt
- The 'font-size' property sets a negative zero length value in points.
|
|
font-size-016 |
|
Ahem |
Font-size using points with a positive zero value, +0pt
- The 'font-size' property sets a positive zero length value in points.
|
|
font-size-017 |
|
Ahem |
Font-size using points with a nominal value, 72pt
- The 'font-size' property sets a nominal length value in points.
|
|
font-size-018 |
|
Ahem |
Font-size using points with a positive nominal value, +72pt
- The 'font-size' property sets a positive nominal length value in points.
|
|
font-size-023 |
|
AhemInvalid |
Font-size using picas with a minimum minus one value, -1pc
- The 'font-size' property sets a minimum minus one length value in picas is invalid and resets its value to 'auto'.
|
|
font-size-024 |
|
Ahem |
Font-size using picas with a minimum value, 0pc
- The 'font-size' property sets a minimum length value in picas.
|
|
font-size-025 |
|
Ahem |
Font-size using picas with a minimum plus one value, 1pc
- The 'font-size' property sets a minimum plus one length value in picas.
|
|
font-size-026 |
|
Ahem |
Font-size using picas with a negative zero value, -0pc
- The 'font-size' property sets a negative zero length value in picas.
|
|
font-size-027 |
|
Ahem |
Font-size using picas with a positive zero value, +0pc
- The 'font-size' property sets a positive zero length value in picas.
|
|
font-size-028 |
|
Ahem |
Font-size using picas with a nominal value, 6pc
- The 'font-size' property sets a nominal length value in picas.
|
|
font-size-029 |
|
Ahem |
Font-size using picas with a positive nominal value, +6pc
- The 'font-size' property sets a positive nominal length value in picas.
|
|
font-size-034 |
|
AhemInvalid |
Font-size using centimeters with a minimum minus one value, -1cm
- The 'font-size' property sets a minimum minus one length value in centimeters is invalid and resets its value to 'auto'.
|
|
font-size-035 |
|
Ahem |
Font-size using centimeters with a minimum value, 0cm
- The 'font-size' property sets a minimum length value in centimeters.
|
|
font-size-036 |
|
Ahem |
Font-size using centimeters with a minimum plus one value, 1cm
- The 'font-size' property sets a minimum plus one length value in centimeters.
|
|
font-size-037 |
|
Ahem |
Font-size using centimeters with a negative zero value, -0cm
- The 'font-size' property sets a negative zero length value in centimeters.
|
|
font-size-038 |
|
Ahem |
Font-size using centimeters with a positive zero value, +0cm
- The 'font-size' property sets a positive zero length value in centimeters.
|
|
font-size-039 |
|
Ahem |
Font-size using centimeters with a nominal value, 2.54cm
- The 'font-size' property sets a nominal length value in centimeters.
|
|
font-size-040 |
|
Ahem |
Font-size using centimeters with a positive nominal value, +2.54cm
- The 'font-size' property sets a positive nominal length value in centimeters.
|
|
font-size-045 |
|
AhemInvalid |
Font-size using millimeters with a minimum minus one value, -1mm
- The 'font-size' property sets a minimum minus one length value in millimeters is invalid and resets its value to 'auto'.
|
|
font-size-046 |
|
Ahem |
Font-size using millimeters with a minimum value, 0mm
- The 'font-size' property sets a minimum length value in millimeters.
|
|
font-size-047 |
|
Ahem |
Font-size using millimeters with a minimum plus one value, 1mm
- The 'font-size' property sets a minimum plus one length value in millimeters.
|
|
font-size-048 |
|
Ahem |
Font-size using millimeters with a negative zero value, -0mm
- The 'font-size' property sets a negative zero length value in millimeters.
|
|
font-size-049 |
|
Ahem |
Font-size using millimeters with a positive zero value, +0mm
- The 'font-size' property sets a positive zero length value in millimeters.
|
|
font-size-050 |
|
Ahem |
Font-size using millimeters with a nominal value, 25.4mm
- The 'font-size' property sets a nominal length value in millimeters.
|
|
font-size-051 |
|
Ahem |
Font-size using millimeters with a positive nominal value, +25.4mm
- The 'font-size' property sets a positive nominal length value in millimeters.
|
|
font-size-056 |
|
AhemInvalid |
Font-size using inches with a minimum minus one value, -1in
- The 'font-size' property sets a minimum minus one length value in inches is invalid and resets its value to 'auto'.
|
|
font-size-057 |
|
Ahem |
Font-size using inches with a minimum value, 0in
- The 'font-size' property sets a minimum length value in inches.
|
|
font-size-058 |
|
Ahem |
Font-size using inches with a minimum plus one value, 1in
- The 'font-size' property sets a minimum plus one length value in inches.
|
|
font-size-059 |
|
Ahem |
Font-size using inches with a negative zero value, -0in
- The 'font-size' property sets a negative zero length value in inches.
|
|
font-size-060 |
|
Ahem |
Font-size using inches with a positive zero value, +0in
- The 'font-size' property sets a positive zero length value in inches.
|
|
font-size-061 |
|
Ahem |
Font-size using inches with a nominal value, 2in
- The 'font-size' property sets a nominal length value in inches.
|
|
font-size-062 |
|
Ahem |
Font-size using inches with a positive nominal value, +2in
- The 'font-size' property sets a positive nominal length value in inches.
|
|
font-size-067 |
|
AhemInvalid |
Font-size using 'em' units with a minimum minus one value, -1em
- The 'font-size' property sets a minimum minus one length value in 'em' units is invalid and resets its value to 'auto'.
|
|
font-size-068 |
|
Ahem |
Font-size using 'em' units with a minimum value, 0em
- The 'font-size' property sets a minimum length value in 'em' units.
|
|
font-size-069 |
|
Ahem |
Font-size using 'em' units with a minimum plus one value, 1em
- The 'font-size' property sets a minimum plus one length value in 'em' units.
|
|
font-size-070 |
|
Ahem |
Font-size using 'em' units with a negative zero value, -0em
- The 'font-size' property sets a negative zero length value in 'em' units.
|
|
font-size-071 |
|
Ahem |
Font-size using 'em' units with a positive zero value, +0em
- The 'font-size' property sets a positive zero length value in 'em' units.
|
|
font-size-072 |
|
Ahem |
Font-size using 'em' units with a nominal value, 6em
- The 'font-size' property sets a nominal length value in 'em' units.
|
|
font-size-073 |
|
Ahem |
Font-size using 'em' units with a positive nominal value, +6em
- The 'font-size' property sets a positive nominal length value in 'em' units.
|
|
font-size-078 |
|
AhemInvalid |
Font-size using 'ex' units with a minimum minus one value, -1ex
- The 'font-size' property sets a minimum minus one length value in 'ex' units is invalid and resets its value to 'auto'.
|
|
font-size-079 |
|
Ahem |
Font-size using 'ex' units with a minimum value, 0ex
- The 'font-size' property sets a minimum length value in 'ex' units.
|
|
font-size-080 |
|
Ahem |
Font-size using 'ex' units with a minimum plus one value, 1ex
- The 'font-size' property sets a minimum plus one length value in 'ex' units.
|
|
font-size-081 |
|
Ahem |
Font-size using 'ex' units with a negative zero value, -0ex
- The 'font-size' property sets a negative zero length value in 'ex' units.
|
|
font-size-082 |
|
Ahem |
Font-size using 'ex' units with a positive zero value, +0ex
- The 'font-size' property sets a positive zero length value in 'ex' units.
|
|
font-size-083 |
|
Ahem |
Font-size using 'ex' units with a nominal value, 6ex
- The 'font-size' property sets a nominal length value in 'ex' units.
|
|
font-size-084 |
|
Ahem |
Font-size using 'ex' units with a positive nominal value, +6ex
- The 'font-size' property sets a positive nominal length value in 'ex' units.
|
|
font-size-089 |
|
AhemInvalid |
Font-size using percentages with a minimum minus one value, -1%
- The 'font-size' property sets a minimum minus one length value in percentages is invalid and resets its value to 'auto'.
|
|
font-size-090 |
|
Ahem |
Font-size using percentages with a minimum value, 0%
- The 'font-size' property sets a minimum length value in percentages.
|
|
font-size-091 |
|
Ahem |
Font-size using percentages with a minimum plus one value, 1%
- The 'font-size' property sets a minimum plus one length value in percentages.
|
|
font-size-092 |
|
Ahem |
Font-size using percentages with a negative zero value, -0%
- The 'font-size' property sets a negative zero length value in percentages.
|
|
font-size-093 |
|
Ahem |
Font-size using percentages with a positive zero value, +0%
- The 'font-size' property sets a positive zero length value in percentages.
|
|
font-size-094 |
|
Ahem |
Font-size using percentages with a nominal value, 100%
- The 'font-size' property sets a nominal length value in percentages.
|
|
font-size-095 |
|
Ahem |
Font-size using percentages with a positive nominal value, +100%
- The 'font-size' property sets a positive nominal length value in percentages.
|
|
font-size-100 |
|
Ahem |
Font-size with a negative zero value and no units, -0
- The 'font-size' property sets a negative zero length value with no units.
|
|
font-size-101 |
|
Ahem |
Font-size with a zero value and no units, 0
- The 'font-size' property sets a zero length value with no units.
|
|
font-size-102 |
|
Ahem |
Font-size with a positive zero value and no units, +0
- The 'font-size' property sets a positive zero length value with no units.
|
|
font-size-103 |
|
Ahem |
Font-size set to the keyword 'xx-small'
- The 'font-size' property set to the keyword 'xx-small' makes the font size smaller.
|
|
font-size-104 |
|
Ahem |
Font-size set to the keyword 'x-small'
- The 'font-size' property set to the keyword 'x-small' makes the font size smaller.
|
|
font-size-105 |
|
Ahem |
Font-size set to the keyword 'small'
- The 'font-size' property set to the keyword 'small' makes the font size smaller.
|
|
font-size-106 |
|
Ahem |
Font-size set to the keyword 'medium'
- The 'font-size' property set to the keyword 'medium' is the default font size.
|
|
font-size-107 |
|
Ahem |
Font-size set to the keyword 'large'
- The 'font-size' property set to the keyword 'large' makes the font size larger.
|
|
font-size-108 |
|
Ahem |
Font-size set to the keyword 'x-large'
- The 'font-size' property set to the keyword 'x-large' makes the font size larger.
|
|
font-size-109 |
|
Ahem |
Font-size set to the keyword 'xx-large'
- The 'font-size' property set to the keyword 'xx-large' makes the font size larger.
|
|
font-size-110 |
|
Ahem |
Font-size set to the keyword 'larger'
- The 'font-size' property set to the keyword 'larger' makes the font size larger.
|
|
font-size-111 |
|
Ahem |
Font-size set to the keyword 'smaller'
- The 'font-size' property set to the keyword 'smaller' makes the font size smaller.
|
|
font-size-112 |
|
Ahem |
Font-size set to 'inherit'
- The 'font-size' property sets a value of 'inherit' and inherits its value from its parent.
|
|
font-size-113 |
|
Ahem |
font-size - ex unit
- 'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element.
|
|
font-size-applies-to-001 |
|
Ahem |
Font-size and 'display: inline' elements
- The 'font-size' property applies to 'display: inline' elements.
|
|
font-size-applies-to-002 |
|
Ahem |
Font-size and 'display: block' elements
- The 'font-size' property applies to 'display: block' elements.
|
|
font-size-applies-to-003 |
|
Ahem |
Font-size and 'display: list-item' elements
- The 'font-size' property applies to 'display: list-item' elements.
|
|
font-size-applies-to-004 |
|
Ahem |
Font-size and 'display: run-in' elements
- The 'font-size' property applies to 'display: run-in' elements.
|
|
font-size-applies-to-005 |
|
Ahem |
Font-size and 'display: inline-block' elements
- The 'font-size' property applies to 'display: inline-block' elements.
|
|
font-size-applies-to-006 |
|
Ahem |
Font-size and 'display: table' elements
- The 'font-size' property applies to 'display: table' elements.
|
|
font-size-applies-to-007 |
|
Ahem |
Font-size and 'display: inline-table' elements
- The 'font-size' property applies to 'display: inline-table' elements.
|
|
font-size-applies-to-008 |
|
Ahem |
Font-size and 'display: table-row-group' elements
- The 'font-size' property applies to 'display: table-row-group' elements.
|
|
font-size-applies-to-009 |
|
Ahem |
Font-size and 'display: table-header-group' elements
- The 'font-size' property applies to 'display: table-header-group' elements.
|
|
font-size-applies-to-010 |
|
Ahem |
Font-size and 'display: table-footer-group' elements
- The 'font-size' property applies to 'display: table-footer-group' elements.
|
|
font-size-applies-to-011 |
|
Ahem |
Font-size and 'display: table-row' elements
- The 'font-size' property applies to 'display: table-row' elements.
|
|
font-size-applies-to-014 |
|
Ahem |
Font-size and 'display: table-cell' elements
- The 'font-size' property applies to 'display: table-cell' elements.
|
|
font-size-applies-to-015 |
|
Ahem |
Font-size and 'display: table-caption' elements
- The 'font-size' property applies to 'display: table-caption' elements.
|
|
font-size-applies-to-016 |
|
Ahem |
Font-size and 'display: none' elements
- The 'font-size' property applies to 'display: none' elements.
|
|
font-size-applies-to-017 |
|
Ahem |
Font-size and 'display: inherit' elements
- The 'font-size' property applies to 'display: inherit' elements.
|
|
font-size-rule-001 |
|
Ahem |
Font-size, negative values
- The 'font-size' does not allow for a negative value. It will fall back to the default value 'medium'.
|
|
font-size-rule-002 |
|
Ahem |
Font-size, relative-size 'larger'
- When font size is medium, the value 'larger' will make the font size equivalent to the 'large' font-size.
|
|
font-size-rule-003 |
|
Ahem |
Font-size and font sizes available
- The user agent is free to choose a font-size from the font size table entries or round off to the closest font size.
|
|
font-size-rule-004 |
|
Ahem |
Font-size 'em' unit value referring to parent
- The 'em' unit refers to the computed font size of the parent element instead of the current element.
|
|
+
15.8 Shorthand font property: the 'font' property
|
|---|
|
c527-font-000 |
|
|
font
|
|
c527-font-001 |
|
|
font
|
|
c527-font-002 |
|
|
font
|
|
c527-font-003 |
|
|
font
|
|
c527-font-004 |
|
|
font
|
|
c527-font-005 |
|
|
font
|
|
c527-font-006 |
|
|
font
|
|
c527-font-007 |
|
|
font
|
|
c527-font-008 |
|
|
font
|
|
c527-font-009 |
|
|
font
|
|
c527-font-10 |
|
|
font
|
|
font-001 |
|
Ahem |
Font shorthand set using the values font-size and font-family
- The 'font' shorthand property accepts and sets font-size and font-family.
|
|
font-002 |
|
Ahem |
Font shorthand set using the values font-style, font-size and font-family
- The 'font' shorthand property accepts and sets font-style, font-size and font-family.
|
|
font-003 |
|
|
Font shorthand set using the values font-variant, font-size and font-family
- The 'font' shorthand property accepts and sets font-variant, font-size and font-family.
|
|
font-004 |
|
Ahem |
Font shorthand set using the values font-weight, font-size and font-family
- The 'font' shorthand property accepts and sets font-weight, font-size and font-family.
|
|
font-005 |
|
|
Font shorthand set using the values font-style, font-variant, font-size and font-family
- The 'font' shorthand property accepts and sets font-style, font-variant, font-size and font-family.
|
|
font-006 |
|
Ahem |
Font shorthand set using the values font-style, font-weight, font-size and font-family
- The 'font' shorthand property accepts and sets font-style, font-weight, font-size and font-family.
|
|
font-007 |
|
Ahem |
Font shorthand set using the values font-variant, font-style, font-size and font-family
- The 'font' shorthand property accepts and sets font-variant, font-style, font-size and font-family.
|
|
font-008 |
|
Ahem |
Font shorthand set using the values font-variant, font-weight, font-size and font-family
- The 'font' shorthand property accepts and sets font-variant, font-weight, font-size and font-family.
|
|
font-009 |
|
Ahem |
Font shorthand set using the values font-weight, font-style, font-size and font-family
- The 'font' shorthand property accepts and sets font-weight, font-style, font-size and font-family.
|
|
font-010 |
|
Ahem |
Font shorthand set using the values font-weight, font-variant, font-size and font-family
- The 'font' shorthand property accepts and sets font-weight, font-variant, font-size and font-family.
|
|
font-011 |
|
Ahem |
Font shorthand set using the values font-style, font-variant, font-weight, font-size and font-family
- The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size and font-family.
|
|
font-012 |
|
Ahem |
Font shorthand set using the values font-style, font-weight, font-variant, font-size and font-family
- The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size and font-family.
|
|
font-013 |
|
Ahem |
Font shorthand set using the values font-variant, font-style, font-weight, font-size and font-family
- The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size and font-family.
|
|
font-014 |
|
Ahem |
Font shorthand set using the values font-variant, font-weight, font-style, font-size and font-family
- The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size and font-family.
|
|
font-015 |
|
Ahem |
Font shorthand set using the values font-weight, font-style, font-variant, font-size and font-family
- The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size and font-family.
|
|
font-016 |
|
Ahem |
Font shorthand set using the values font-weight, font-variant, font-style, font-size and font-family
- The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size and font-family.
|
|
font-017 |
|
Ahem |
Font shorthand set using the values font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-size, line-height and font-family.
|
|
font-018 |
|
Ahem |
Font shorthand set using the values font-style, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-style, font-size, line-height and font-family.
|
|
font-019 |
|
|
Font shorthand set using the values font-variant, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-variant, font-size, line-height and font-family.
|
|
font-020 |
|
Ahem |
Font shorthand set using the values font-weight, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-weight, font-size, line-height and font-family.
|
|
font-021 |
|
|
Font shorthand set using the values font-style, font-variant, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-style, font-variant, font-size, line-height and font-family.
|
|
font-022 |
|
Ahem |
Font shorthand set using the values font-style, font-weight, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-style, font-weight, font-size, line-height and font-family.
|
|
font-023 |
|
Ahem |
Font shorthand set using the values font-variant, font-style, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-variant, font-style, font-size, line-height and font-family.
|
|
font-024 |
|
Ahem |
Font shorthand set using the values font-variant, font-weight, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-variant, font-weight, font-size, line-height and font-family.
|
|
font-025 |
|
Ahem |
Font shorthand set using the values font-weight, font-style, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-weight, font-style, font-size, line-height and font-family.
|
|
font-026 |
|
Ahem |
Font shorthand set using the values font-weight, font-variant, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-weight, font-variant, font-size, line-height and font-family.
|
|
font-027 |
|
Ahem |
Font shorthand set using the values font-style, font-variant, font-weight, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-size, line-height and font-family.
|
|
font-028 |
|
Ahem |
Font shorthand set using the values font-style, font-weight, font-variant, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-style, font-weight, font-variant, font-size, line-height and font-family.
|
|
font-029 |
|
Ahem |
Font shorthand set using the values font-variant, font-style, font-weight, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-variant, font-style, font-weight, font-size, line-height and font-family.
|
|
font-030 |
|
Ahem |
Font shorthand set using the values font-variant, font-weight, font-style, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-style, font-variant, font-weight, font-style, font-size, line-height and font-family.
|
|
font-031 |
|
Ahem |
Font shorthand set using the values font-weight, font-style, font-variant, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-weight, font-style, font-variant, font-size, line-height and font-family.
|
|
font-032 |
|
Ahem |
Font shorthand set using the values font-weight, font-variant, font-style, font-size, line-height and font-family
- The 'font' shorthand property accepts and sets font-weight, font-variant, font-style, font-size, line-height and font-family.
|
|
font-033 |
|
Ahem |
Font set to the keyword 'caption'
- The 'font' property set to 'caption' correctly uses the system setting.
|
|
font-034 |
|
Ahem |
Font set to the keyword 'icon'
- The 'font' property set to 'icon' correctly uses the system setting.
|
|
font-035 |
|
Ahem |
Font set to the keyword 'menu'
- The 'font' property set to 'menu' correctly uses the system setting.
|
|
font-036 |
|
Ahem |
Font set to the keyword 'message-box'
- The 'font' property set to 'message-box' correctly uses the system setting.
|
|
font-037 |
|
Ahem |
Font set to the keyword 'small-caption'
- The 'font' property set to 'small-caption' correctly uses the system setting.
|
|
font-038 |
|
Ahem |
Font set to the keyword 'status-bar'
- The 'font' property set to 'status-bar' correctly uses the system setting.
|
|
font-039 |
|
Ahem |
Font shorthand set to 'inherit' inheriting two values
- The 'font' shorthand property set to 'inherit' inherits the parent element's values.
|
|
font-040 |
|
Ahem |
Font shorthand set to 'inherit' inheriting three values
- The 'font' shorthand property set to 'inherit' inherits the parent element's values.
|
|
font-041 |
|
Ahem |
Font shorthand set to 'inherit' inheriting four values
- The 'font' shorthand property set to 'inherit' inherits the parent element's values.
|
|
font-042 |
|
Ahem |
Font shorthand set to 'inherit' inheriting five values
- The 'font' shorthand property set to 'inherit' inherits the parent element's values.
|
|
font-043 |
|
Ahem |
Font shorthand set to 'inherit' inheriting six values
- The 'font' shorthand property set to 'inherit' inherits the parent element's values.
|
|
font-044 |
|
Ahem |
font - system fonts
- A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
|
|
font-045 |
|
AhemInvalid |
font - inherit keyword value
- The inherit keyword value cannot mix with other subproperty values
|
|
font-046 |
|
Ahem |
font - system fonts
- A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
|
|
font-047 |
|
Ahem |
font - system fonts
- A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
|
|
font-048 |
|
Ahem |
font - system fonts
- A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
|
|
font-049 |
|
Ahem |
font - system fonts
- A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
|
|
font-050 |
|
Ahem |
font - system fonts
- A system font sets all of the font subproperties at the same time; then each font subproperty can be altered individually
|
|
font-applies-to-001 |
|
|
Font and 'display: inline' elements
- The 'font' property applies to 'display: inline' elements.
|
|
font-applies-to-002 |
|
|
Font and 'display: block' elements
- The 'font' property applies to 'display: block' elements.
|
|
font-applies-to-003 |
|
|
Font and 'display: list-item' elements
- The 'font' property applies to 'display: list-item' elements.
|
|
font-applies-to-004 |
|
|
Font and 'display: run-in' elements
- The 'font' property applies to 'display: run-in' elements.
|
|
font-applies-to-005 |
|
|
Font and 'display: inline-block' elements
- The 'font' property applies to 'display: inline-block' elements.
|
|
font-applies-to-006 |
|
|
Font and 'display: table' elements
- The 'font' property applies to 'display: table' elements.
|
|
font-applies-to-007 |
|
|
Font and 'display: inline-table' elements
- The 'font' property applies to 'display: inline-table' elements.
|
|
font-applies-to-008 |
|
|
Font and 'display: table-row-group' elements
- The 'font' property applies to 'display: table-row-group' elements.
|
|
font-applies-to-009 |
|
|
Font and 'display: table-header-group' elements
- The 'font' property applies to 'display: table-header-group' elements.
|
|
font-applies-to-010 |
|
|
Font and 'display: table-footer-group' elements
- The 'font' property applies to 'display: table-footer-group' elements.
|
|
font-applies-to-011 |
|
|
Font and 'display: table-row' elements
- The 'font' property applies to 'display: table-row' elements.
|
|
font-applies-to-014 |
|
|
Font and 'display: table-cell' elements
- The 'font' property applies to 'display: table-cell' elements.
|
|
font-applies-to-015 |
|
|
Font and 'display: table-caption' elements
- The 'font' property applies to 'display: table-caption' elements.
|
|
font-applies-to-016 |
|
|
Font and 'display: none' elements
- The 'font' property applies to 'display: table-row' elements.
|
|
font-applies-to-017 |
|
|
Font and 'display: inherit' elements
- The 'font' property applies to 'display: inherit' elements.
|
|
font-systemfont-rule-003 |
|
|
System Font, substitute for similar system font when font unknown
- It the specified system font is not available, then substitute it for a similar one, if there is no similar one, then substitute with the default one.
|
|
font-systemfont-rule-004 |
|
|
Font shorthand property reset to default values if not explicitly set
- The 'font' shorthand property resets any property not explicitly given a value to its initial value.
|